IE and z-Index bug

Many of us faced this IE z-index not working properly in IE 7 and below.

It can be fixed with adding position relative to the element most of the time. This is because z-index is not an absolute measurement. It is possible for an element with z-index: 1000 to be behind an element with z-index: 1 if elements belong to different stacking contexts.

You can see more details information about z-index at www.w3.org.

This is now the fix look like

.navigation .submenu
{
    z-index: 100;
    position: relative;
}

Reference Links:

http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7

http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/