hi all.

have a small website i've built for myself (http://protournews.info/). still some IE6 & Safari bugs, but i am having an complete cross-browser problem with some z-indexed div's.

not sure if my method of coding "should" work - it does inside my own head.

have a #head div with z-index = 98. this header is position:fixed (hence the z-indexing). inside this head div are several div's.

#logo div is floated left with z-index = 99.
#menu div is floated right with z-index = 100.

it all views correctly in full screen, however when the screen res is less 600 and the 2 div's overlap, the #menu div is hidden BEHIND the #logo div irrespective of the #logo div's z-index of 100.

there are reason for the logic of my coding, but i'm sure there is a more "correct" manner of reaching the intended result. either way, i assumed the z-indexing attributes i have set would ensure the #menu div is the top layer..?

Works for me in FF 2.0.0.9 on Windows XP. Logo is behind the menu. Remember that z-index only works on elements that include the "position" property. You may use z-index on a floated element as long as "position: relative;" is also used.

Now, let's talk about that roll over drop down menu thing...