Hi
I have a Javascript drop down menu that has a Javascript scrolling ticker below it. The drop down menu is appearing on top of the scrolling ticker (as I want it to) in Firefox. The drop down menu is appearing "behind" the scrolling ticker (not what I want!) in IE8, Chrome, Safari and Opera. I've been researching this all morning and it appears that many people have resolved similar problems by setting the z-index for the desired "top" element to a higher number (eg, z-index: 100) than the "bottom" element (eg, z-index: -100). As far as I can see, I've done this and it isn't helping. My drop down menu is defined in CSS (as below):
#tdmenu{
margin: 0;
padding: 0;
position:relative;
z-index: 100;
}
#tdmenu li{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial;
}
#tdmenu li a{
display: block;
margin: 2px 2px 0 0;
padding: 4px 10px;
color: #FFFFFF;
text-align: center;
text-decoration: none;
}
#tdmenu li a:hover{
color: #39F600;
}
#tdmenu div{
position:absolute;
visibility: hidden;
margin: 0;
padding: 0;
background-color: #031458;
}
#tdmenu div a{
position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
color: #FFFFFF;
font: bold 11px arial;
}
#tdmenu div a:hover{
color: #39F600;
}
The scrolling ticker class is defined in my css file as:
.qmticker{
position:relative;
z-index:-100;
}
And implemented in the HTML as:
<td height="30" class="qmticker">
<script LANGUAGE="javascript" type="text/javascript" src="http://app.quotemedia.com/quotetools/twoRowTicker.go?webmasterId=500&toolWidth=970&toolHeight=30&speedtop=25&speedbottom=20&symbols=SIRI,QCOM,MSFT,YRCW,INTC,ORCL,BRCD,EBAY,CSC0,ETFC,C,BAC,FAZ,BSX,ABK,F,GE,S,PFE,JPM&indices=^DJI,^DJT,^DJU,^NYSE,^NASD,^NDX,^SP500,^SP100,^SP400,^SP600,^RUS1K,^RUS2K,^RUA&eastbutton=no&westbutton=no&border=no&direction=LEFT&uparrowcolor=00ff00&downarrowcolor=ff0000&bgbtn=cccccc&fgbtn=000000&bgtop=ffffff&bgbottom=ffffff&fgbottom=0822a3&fgtop=000a2f"></script>
</td>
Any help would be greatly appreciated. You can see the error at:
Ryan