07.08.2013 17:09:02 Проблемы с "любимыми" браузерами Сообщение #1
Error 404
Продвинутый
Дата регистрации:
28.07.2013 16:04:47
Сообщений: 48
Добрый день всем. Верстаю 2-х уровневое меню и столкнулся с проблемой: в ie7 при наведении на родительскую ссылку появляется подменю и переходя по первой верхней ссылки сплывающего подменю работает все отлично, но стоит потихоньку опускаться на ссылку ниже, как все пропадает, срабатывает display:none; в случае если быстро передвигаться по ссылкам вниз, то нормально все, в остальных браузеров вроде нормально работает. в чем может быть проблема?
*{
padding: 0;
margin: 0;
}
.menu{
font: bold 14px arial;
}
ul{
list-style:none;
width:150px;
}
li{
border-bottom:1px solid #678;
}
a{
text-decoration:none;
color:#fff;
text-align:center;
padding: 10px 0;
display:block;
background:#818181;
}
a:hover{
color:#000000;
background: #678;
}
li ul{
position: absolute;
left:150px;
top:74px;
display: none;
border-bottom:1px solid #678;
}
li:hover ul{
display: block;
}
<div class="menu">
<ul>
<li><a href="1">Главная</a></li>
<li><a href="2">страница</a></li>
<li><a href="3">Статьи</a>
<ul>
<li><a href="10">Статья 1</a></li>
<li><a href="22">Статья 2</a></li>
<li><a href="33">Статья 3</a></li>
</ul>
</li>
<li><a href="4">еще страница</a></li>
<li><a href="5">тестируемая</a></li>
</ul>
</div>
