the css menu is not a problem

May 28, 2008

IE7 problem - absolute and relative positions

My menu works fine in Firefox but in IE7 the drop down menu is going behind other items at the top of the page. I have the div for the menu as the first item under body with its position set to absolute. The other divs are relative. Is this a bug with IE7?


http://www.gotoccs.com/price_eye/index.htm



Answer:


Remove the CSS rules "position:relative;" from your site items, for
example, "a5-header-text"

Or put the DIV id="f-source-menu" in another DIV with absolute position.
For example:

<div style="position:absolute; z-index:99;">
    <div id="f-source-menu" style="position:relative;">
          ....
          ....
    </div>
</div>

Regards
Dmitry
f-source.com

1 comment:

Nemco said...

Great Article it its really informative and innovative keep here: node.js development services with new updates. Its was really valuable. Thanks a lot.
Angularjs Development Services