title: Unable to Solve this Weird Hover Error in Safari only
body: <p>Please look at this site in a Safari Browser(Possibly Mac OS)
  <a href="http://www.sportaboutgraphics.com" rel="nofollow">http://www.sportaboutgraphics.com</a></p>
  
  <p>I do not know if the issue is present on Windows Safari.
  When you hover on the Menu items on the right. Something really weird happens. The issue can not be detected or solved by inspecting elements one by one.</p>
  
  <p>The only way it works when I completely delete the line in Inspect Element which says(Its just after opening body tag):</p>
  
  <pre><code>&lt;div class="parallax-mirror" style="visibility: visible; z-index: -100; position: fixed; top: -8px; left: 0px; overflow: hidden; transform: translate3d(0px, 0px, 0px); height: 680px; width: 1412px;"&gt;&lt;img class="parallax-slider" src="http://www.sportaboutgraphics.com/wp-content/uploads/2016/06/Seacliff-Beach.jpg" style="transform: translate3d(0px, 0px, 0px); position: absolute; top: -96.6px; left: 0px; height: 666px; width: 1412px; max-width: none;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So Basically, there is some sort of conflict with the Parallax.js plugin. Can someone help me fix it or tell me exactly why its occuring?</p>