Drop down menu hiding underneath marquee

[FALCONSEYE]

i have a scrolling marquee. when the drop down menu extends, couple of the items gets hidden underneath the marquee container. when i define z-index:-1 then the marquee container disappears on the screen. does anyone have a suggestion for this?
thanks.
btw. it only happens in IE

http://gcterminal.mallfinder.com/index.cfm?refresh=1&showdebug=1

http://www.jetansolutions.com

 

[FALCONSEYE]

in case you are wondering, i removed the relative positionning and it works perfectly fine.

http://www.jetansolutions.com

 

[solaris5]

Actually,

I ran into this issue when I started converting my HTML pages to XHTML pages (Which you are using). This issue is due to the way the <img> tag is rendered in XHTML vrs HTML which most people learned how to mark up. With HTML images tags block by default. In XHTML they are inline by default.
You need to force the image to block by using the following css:
display:block;

Your current image tag:
<img src="images/smcheader.jpg" width="760" height="98" border="0" usemap="#Map" />

The working one you need:
<img src="images/smcheader.jpg" style="display:block; width:760px; height:98px; border-style:solid; border-width:0;" usemap="#Map" />

Rembember this because you will surely run into it again if you continue XHTML markup.

 

[solaris5]

Sorry,

I replied to the wrong thread. But While I'm here I can add some insight to a similar situation.

Browser rendered controls such as text boxes alway stay on top of divs despite the z-index. I have gotten around this by dynamically creating an iframe with the percise dimensions of my drop down menu and setting its visiblilty to none. Placing my menu over the top of this iframe allows the div to actually be placed above the text box, flash animation, etc.

Once again sorry about posting to the wrong thread in my above response.