Absolute Positioned Element Clipping If Position Outside Its Parent Item IE7

Hi Im trying to position an element so its slightly positioned outside its parent item. In IE8 it works but in IE7 the positioned element gets clipped. Here's my code HTML:

Solution 1:

Its just the famous z-index bug for IE7
The problem with IE7 is that it applies z-index=0 for all the positioned elements
i.e elements with position != static has z-index=0.
So eventually this stacking context that causes the issue

Share