Меню IE8 li прыгает при наведении курсора мыши

у меня большая проблема с меню ТОЛЬКО в IE8 - все остальные браузеры работают отлично:

Вот такое меню:

<ul>  
<li><a href="link.html">Point 1</a></li>  
<li><a href="link2.html">Point 2</a></li> 
</ul>

а CSS такой:

ul li { padding-left: 23px; line-height: 29px; }

ul li:hover, 
ul li.active { background: url(../images/bg_arrow_blue.png) no-repeat top left; }

ul li a { font-size: 18px; color: #FFFFFF; text-decoration: none; margin-bottom: 5px; letter-spacing: -0.03em; }

ul li a:hover, 
ul li a.active { border-bottom: 1px solid red; }

Итак, теперь - в IE 8 у меня проблема, что при наведении курсора ссылки прыгают вверх и вниз при наведении курсора мыши, я думаю, из-за нижней границы. Все другие браузеры делают это правильно с нижней границей и без перехода.

Я много гуглил и не нашел решения.

Надеюсь, кто-нибудь здесь может помочь!

Большое спасибо.

Саша


hover mouseover html-lists internet-explorer-8
person codeworxx    schedule 22.12.2010    source источник
comment
у меня была точно такая же проблема при работе с RDP, когда я просматривал страницу с локального сайта, все было в порядке, целый день искал, чтобы узнать, что все в порядке, и это проблема пользовательского интерфейса RDP.   -  person bresleveloper    schedule 09.04.2013

Ответы (1)


arrow_upward
0
arrow_downward

Хорошо,

кому интересно - у меня есть решение:

ul li a { font-size: 18px; color: #FFFFFF; text-decoration: none; margin-bottom: 5px; letter-spacing: -0.03em; padding-bottom: 1px; }

мне просто нужно было добавить "padding-bottom: 1px;" к утверждению «ul li a».

Хорошего Рождества.

person codeworxx    schedule 22.12.2010