Fix / workaround for the z-index problem on IE7
IE7 behaves strangely when we talk about z-index. It doesn’t always respect the z-index values of our elements. However, if you come around this weird stuff, just add a higher z-index to the parent of the element you want to put above everything else. Don’t ask me why this works but it does!
Lets take a look at a small example:
<div style="z-index: 3000">
<div style="position:absolute;z-index:1000;">
this element will appear above everything else
<a href="#">Page</a>
...
</div>
</div>