Проблемы с div- меню в IE6

[naumkin]

Привет всем!

помогите разобраться:

Есть страница с меню слева, вот адрес http://wp.artmagazine.ru/?page_id=2

Везде, кроме IE6 (в IE7 не проверял), все работает, как надо. В шестом же эксплорере не меняется при наведении фон, и что я совсем не могу понять, съезжает вниз текст. Вот код, касающийся меню:

на странице

<div class="sidebar">
  	<div class="button"><a href="#" class="pages">Защита древесины</a></div>
…
</div>

в стилях

.button {
background-image: url(img/brevno.jpg);
background-repeat: repeat-x;
height: 15px;
width: 180px;
}
.button:hover {
background-image: url(img/brevnored.jpg);
background-repeat: repeat-x;
height: 15px;
width: 180px;
}
a.pages { 
font-size: 10px;
font-family: Arial;
color: #FFF;
margin-left: 20px;
}

Где ошибка? Может, всё вообще надо делать по-другому?

Заранее спасибо

[TonKhaO]

Где ошибка? Может, всё вообще надо делать по-другому?

Заранее спасибо

ну ессно, ИЕ6 не понимает псевдокласс :hover для DIV, в ИЕ6 псевдоклассы работают только на ссылка <A>, так что думаю тебе нужно сделать с помощью JQuery там все кроссбраузерно и в ИЕ 6 тоже работает

Edited May 11, 2010 by TonKhaO

[psywalker]

ну ессно, ИЕ6 не понимает псевдокласс :hover для DIV, в ИЕ6 псевдоклассы работают только на ссылка <A>, так что думаю тебе нужно сделать с помощью JQuery там все кроссбраузерно и в ИЕ 6 тоже работает

А приведи решение.

[TonKhaO]

А приведи решение.

$(document).ready(function(){
   $("div.hovered").hover(

		function () {

					 $(this).addClass("iAmHovered")

				}

);
   });
 });

андерстенд?

Edited May 11, 2010 by TonKhaO

[psywalker]

$(document).ready(function(){
   $("div.hovered").hover(

		function () {

					 $(this).addClass("iAmHovered")

				}

);
   });
 });

андерстенд?

yes) Но ради этого подключать целую библиотеку

[TonKhaO]

yes) Но ради этого подключать целую библиотеку

ну подключить ее пару секунд зато точно знаешь что такие как ИЕ 6 это схватят и поймут

[sigma77]

А зачем в данном случае вообще на див вешать ховер, если он содержит только ссылку?

Сверстать меню по нормальному на списках и ховер повесить на ссылку. И кроссбраузерно и скрипты использовать не надо.

Edited May 11, 2010 by sigma77

[Scrum]

Бугага.

Почему бы тупо не повесить все это на якорь ?