кроссбраузерное меню

[VioletaMeynell]

Добрый день!

Очень очень нужна ваша помощь!!! Я уже замучилась искать варианты. Моё горизонтальное меню не отображается корректно в ИЕ 6 .

может и еще где то..

Помогите исправить код , чтобы всё работало .

вот сам код :

css -

#mbtnavbar {
background : #060505;
width : 930px;
color : #fff;
margin : 0 auto;
padding : 0;
border-top : 0 solid #960100;
height : 35px;
}
#mbtnav {
margin : 0;
padding : 0;
}
#mbtnav ul {
float : left;
list-style : none;
margin : 0;
padding : 0;
}
#mbtnav li {
list-style : none;
margin : 0;
padding : 0;
border-left : 1px solid #333;
border-right : 1px solid #333;
height : 35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color : #fff;
display : block;
font : normal 12px Gill Sans, sans-serif;
margin : 0;
padding : 9px 12px 10px 12px;
text-decoration : none;
}
#mbtnav li a:hover, #mbtnav li a:active {
background : #960100;
color : #fff;
display : block;
text-decoration : none;
margin : 0;
padding : 9px 12px 10px 12px;
}
#mbtnav li {
float : left;
padding : 0;
}
#mbtnav li ul {
z-index : 9999;
position : absolute;
left : -999em;
height : auto;
width : 160px;
margin : 0;
padding : 0;
}
#mbtnav li ul a {
width : 140px;
}
#mbtnav li ul ul {
margin : -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left : -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left : auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position : static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background : #960100;
width : 140px;
color : #fff;
display : block;
font : normal 12px Gill Sans, sans-serif;
margin : 0;
padding : 9px 12px 10px 12px;
text-decoration : none;
z-index : 9999;
border-bottom : 1px dotted #333;
}
#mbtnav li li a:hover, #mbtnavli li a:active {
background : #060505;
color : #fff;
display : block;
margin : 0;
padding : 9px 12px 10px 12px;
text-decoration : none;
}

html

<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a href='http://www.officialbuddyleeblog.com/'>HOME</a>
<li>
<a href='#'>BL JUMP ROPES</a>
<ul>
<li><a href='http://www.buddyleejumpropes.com/'>ROPES&ACCESSORIES </a></li>
<li><a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#025'>WORKSHOPS </a></li>
<li><a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#026'>SCHOOL ASSEMBLY</a></li>
<
<li>
<a href='http://www.jumpropeinstitute.com/'>JUMP ROPE INSTITUTE</a>
</li>
<li>
<a href='http://www.officialbuddyleeblog.com/p/video.html#016'>OPERATION SMILE</a>
<ul>
<li><a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#027'>JUMP ROPE FOR SMILES </a></li>
<li><a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#030'>AMBASSADORSHIP </a></li>
</ul>
</li>
<li>
<a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#031'
>IN THE NEWS</a>
</li>
</li></ul>
</div>

Edited November 1, 2011 by VioletaMeynell

[Switch74]

В IE6 к сожалению :hover работает только у ссылок, советую обновить IE и

прописать <!DOCTYPE> но правильной работы в IE не гарантирую

или попробовать сделать его через javascript

воспользовавшись граблями csshover.htc

Edited November 2, 2011 by Switch74

[VioletaMeynell]

В IE6 к сожалению :hover работает только у ссылок, советую обновить IE и

прописать <!DOCTYPE> но правильной работы в IE не гарантирую

или попробовать сделать его через javascript

воспользовавшись граблями csshover.htc

а можете поподробней написать как ето сделать

[Justnewone]

а можете поподробней написать как ето сделать

Не стесняемся гуглить

http://www.umade.ru/log/2004/07/css-hover-any-element/