CSS in Firefox - Order of Layers

[CssFB]

I understand that the z-index only works for for layers that have absolute positioning. But I dont understand how Firefox determines which layers to present on top of other layers when they are not positioned absolutly.

Ive got an example here:
[firebaud.com...]

If you roll over the "actions" button on the top navigation you will see the form field sits behind the drop down menu, as does the "Results" title.

All looks good in IE but not in Firefox.

Any pointers or advice here would most apreciated.

Thank in advance!
CssFB

[Little_G]

Hi,

The way firefox seems to work is that as it travels down the page parsing the html each new element it finds it will add on top of what is already there.
I may be wrong but you could try moving the 'topnav_container' below the 'content_container'

Andrew

[CssFB]

You were right about the order, I made a test here [firebaud.com...]

But this time both IE and Firefox show the layers in the same order unlike here [firebaud.com...]

[CssFB]

Then I inserted a pure css drop down menu system and again it looks diferent in the diferent browsers (IE and Firefox)

This time IE stops showing the drop downs but Firefox shows them

I think we have identified the problem is with the drop down menu.

But what the problem is exacylt im still at a loss!