Thanks - that seems to be helping. Of course it brought some more issue up though.

IE8: Seems like I have to use z-index:1;, z-index:2; to get proper layering because my items layer over each other - which doesn't seem like a problem in the other browsers.

Chrome: Won't position the z-index:2; item at all - just stays in one place.

Netscape: Positions well, but the top drop-down does not drop-down. The bottom drop-down is ok. Drop-downs work in other browsers. Very weird.

Also, I have a span right above the mock shopping cart in the header on the home page. It displays well in Chrome, but in all other browsers, it displays a small section of the row with the red background. Not sure why.

One other item - not a css issue - the background image in the header does not display at all in IE8, but is fine in all other browsers - go figure.

Back to the positioning game now - still have three more items to go!

Thanks guys for your help.