title: IE8 position fixed with position absolute inside overflow issue
body: <p>I've been working on a sticky menu which has a megamenu dropdown inside. When the user loads the page the navigation is static. The navigation is similar to the following.</p>
  
  <pre><code>&lt;div class='navigation'&gt;
  &lt;ul&gt;
  
  &lt;li&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;
  &lt;a href=""&gt;About&lt;/a&gt;
  &lt;div class='megamenu'&gt;Megamenu&lt;/div&gt;
  &lt;/li&gt;
  
  &lt;/ul&gt; 
  </code></pre>
  
  <p>No the megamenu is position absolute and left:-9999px; on load; When the user scrolls past the navigation I change the postion to fixed; Which seems to work fine in all browsers. </p>
  
  <p>The issue I'm having is that in IE8 the navigation seems to have overflow hidden because the part of the megamenu that goes outside the navigation gets clipped off.</p>
  
  <p>I've tried setting z-index on everything and overflow visible with no luck.</p>
  
  <p>Thanks</p>