Firefox and floated CSS drop down menus

Strange problem if I float a div containing a CSS drop down menu

[nightva]

Is it true that you can't float a div near a CSS drop down menu without problems?

I have a page container div with a leftside div, a internal viewer div and an external viewer div nested inside.
The leftside div contains UL's arranged for CSS driven drop-down menus and uses float:left.
The internal viewer div is to the right of the leftside div using float:left.
The external viewer div is under the internal viewer div and just follows the default page flow.

Pretty standard stuff.

BUT...

When the menus drop down, the internal viewer div disappears for a fraction of a second and the external viewer slides up into the open space. The external viewers top looks like its up against the top of the pagecontainer div.

This seems to ONLY happens in FireFox. I assume it's my code since FireFox is the best available standards compliant browser.

The CSS rules appear like this:
#leftSide {float:left;} /* drop down menus in this div */
#internalViewer {float:left;}
#externalViewer {}

Nathan

[createErrorMsg]

Can you post more code? The list code and full CSS for the floated containers would help. Also, is all of this inside of a container? What's the styling on that?

[nightva]

It actually would be easier just to view it in a browser and then view the CSS. The code is robust.

If you want the web address, drop me a message at [e-mail]

Nathan