Bug in IE7 [CTN MUSIC.COM]

[TENPROD]

Hello,
first, thanks for this great plugin, it works fine in FF3, OPERA, SAFARI but not in IE7, the second and third level don’t show up: when I move the mouse over the menu, they disappear !
thanks for your help !

This is my code and my CSS :

[code:341k9p4t]<div id="sf-container">
<!– Suckerfish WordPress Plugin by PixoPoint Web Development ... http://pixopoint.com/ –>
<ul id="suckerfishnav">
<li>
<a href="http://ctn-music.com/beta/">Home</a>
</li>
<li class="page_item page-item-21">
<a title="About" href="http://ctn-music.com/beta/about-2/">About</a>
</li>
<li class="page_item page-item-23">
<a title="Artists" href="http://ctn-music.com/beta/artists-2/">Artists</a>
<ul>
<li class="page_item page-item-35">
<a title="Melissa McClelland" href="http://ctn-music.com/beta/artists-2/melissa-mcclelland/">Melissa McClelland</a>
</li>
<li class="page_item page-item-24">
</li>
<li class="page_item page-item-43">
</li>
</ul>
</li>
<li class="page_item page-item-22">
</li>
<li class="page_item page-item-176">
</li>
<li class="page_item page-item-175">
</li>
<li class="page_item page-item-78">
</li>
</ul>
<div class="live">Live Search : </div>
<div class="search"></div>
</div>
[/code:341k9p4t]

[code:341k9p4t]
#suckerfishnav {
width:490px;height:30px;float:left;padding:75px 0 0 3px;}
#suckerfishnav, #suckerfishnav ul {list-style:none;margin:0;float:left;z-index:1;}
#suckerfishnav li {
float:left;padding:0 1px 0 1px;width:68px;height:30px;}
#suckerfishnav ul {
position:absolute;left:-999em;height:auto;width:151px;font-weight:normal;margin:0;line-height:1;border:0;border-top:1px solid #666666;}
#suckerfishnav li li {
width:149px;height:100%;border-bottom:1px solid #666666;
border-left:1px solid #666666;border-right:1px solid #666666;
font-weight:bold;font-family:verdana,sans-serif;background-image:none;}
#suckerfishnav li li a {
padding:5px;width:130px;height:100%;font-size:11px;color:#dddddd;background-image:none;}
#suckerfishnav li ul ul
{margin:-21px 0 0 150px;background-image:none;}
#suckerfishnav li li:hover {
background:#9C1F1B;background-image:none;text-decoration:none;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {color:#dddddd;background-image:none;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#dddddd;background-image:none;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#dddddd;background-image:none;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {left:-999em;background-image:none;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {  left:auto;background:#444444;background-image:none;}
#suckerfishnav li:hover{
color:#CCC;background:url(images/red_topmenu_btn_72.gif) no-repeat 0 100%;text-decoration:none;}
#suckerfishnav a{
width:68px;height:22px;text-align:center;display:block;padding-top:8px;outline:none;font-size:12px;font-weight:bolder!important;
text-transform:uppercase;color:#999;background:url(images/red_topmenu_btn_72.gif) no-repeat 0 0;text-decoration:none;}
#sf-container {position:relative;z-index:99;}[/code:341k9p4t]

EDIT by Ryan: Place code inside [html][code:341k9p4t][/html] tags.[/size][/code:341k9p4t]

[imported_Ryan]

Do you have a link to the problem? It makes it easier for me to bug fix if I can see what is going on.

[TENPROD]

I ‘ve send you a message with the page’s link.

thanks for your help.

[Author]

Posts