нельзя нажать на кнопку

[violettta]

Добрый вечер!

Скажите пожалуйста, что нужно сделать чтобы в ие8 на выпадаюшие меню можно было нажать...

Т.е если захожу с моззилы всё хорошо , но когда на меню нажимаю в ие8 , он не даёт нажать на кнопку... Ему мешает что-то.

Единственый вариант который у меня получилось сделать , ето в меню прописать переход на новую строку (бр),
но тогда всё , что внизу находится отодвигется ... и получается свободное место , так что этот вариант не годиться...

Есть какие то предложения , как ето исправить?




Вот сам сайт:
http://www.officialbuddyleeblog.com/

[Wicort]

У меня в ИЕ8 нельзя даже навести на подпункты меню. Как только с основного пункта убираешь курсор, подменю исчезает. Попробуйте копать в этом направлении.

[violettta]

ja pro eto i govarju... chto sdelat , chtob eto ispravit?

[Naive]

nastroit positionirovanie, tak chtobi mezhdu vnutrennim spiskom i vneshnim ne bilo razriva.

[violettta]

а можно поподробней как именно ?

[Naive]

В осликах бывает такое, что появляется пространство между родительским и дочерним элементом, тогда если курсором вести к дочернему, он попадает в это пространство и свойство :hover перестает действовать, тем самым скрывая дочерний список.
Итого, для ишака надо настроить margin-top дочернего списка так, чтобы пространства этого не было.

[violettta]

как и что поменять ? ;//

   #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;
}