Chrome CSS Drop Down Menu issue with Firefox

[Lbvaughan]

1) Script Title: Chrome CSS Drop Down Menu (v2.01)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem:
Greetings, I just started putting together a new webpage and have been experiencing an odd issue with the Chrome CSS dropdown. When using Firefox, any time the menu div is sandwiched between two other floats it stretches up to fill the space of the float above it. The menu works flawlessly in IE.

If it is the div on the top, or the div on the bottom it works fine.
http://www.draconys.com/test/broken.html

In that page, it is between the header and left divs and stretches up into the header.

http://www.draconys.com/test/working.html

In that page, i have two of them listed, the first one between header and left does not work, but the one below the footer does.

[ddadmin]

Since your header DIV is set to float left:


<div id="header"></div>

The Chrome Menu UL needs to clear that float in order for the header to not spill over to the menu:


<div class="chromestyle" id="chromemenu" style="clear: left">
<ul>
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
<li><a href="#" rel="dropmenu3">Search</a></li>
</ul>
</div>

That should do it.

[Lbvaughan]

Thanks, that did the trick.