IE8 li меню прыгает при наведении мыши - PullRequest
0 голосов
/ 22 декабря 2010

У меня большая проблема с меню ТОЛЬКО в 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 у меня проблема в том, что при наведении курсора ссылки перепрыгивают вверх и вниз при наведении мыши из-за границы внизу, я думаю.Все остальные браузеры делают это правильно с границей снизу и без скачков.

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

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

Спасиботак много.

Саша

1 Ответ

0 голосов
/ 22 декабря 2010

Хорошо,

для всех, кто заинтересован - у меня есть решение:

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".

Счастливого Рождества.

...