Zmiana tla div po najechaniu, W Mozilli działa, w IE oczywiście nie Opcje

[wojtek]

Witam,

Mam sobie taki kod:

[HTML] pobierz, plaintext 
<div class="menuOption">- <a href="1.php">Strona główna</a></div>
<div class="menuOption">- <a href="2.php">Podstrona</a></div>
[HTML] pobierz, plaintext 

i do tego CSS:

Kod

.menuOption {
width: 140px;
text-align: left;
padding-left: 10px;
line-height: 16px;
font-size: 11px;
color: #4B4B4B;
font-family: verdana;
}

.menuOption:hover {
background-color: #EFEFEF;
}

Chce zrobić tak, by po najechaniu kursorem "na diva", zmienił się kolor jego tła. Taki kod jak powyżej działa, ale tylko w Firefoxie i Operze, w IE nic sie nie dzieje. Ma ktoś pomysł dlaczego? Co muszę dodać do tego kodu, aby w IE również to działało?

Z góry dzięki za pomoc, ja już nie mam żadnego pomysłu...

[wojtek]

Dzięki za odpowiedź, tak myślałem że to genialny produkt Microsofta czegoś nie obsługuje.. Szkoda że tylu ludzi tego używa...

Co do mojego kodu to rozwiązanie z IE 7.0 wydaje mi się troche skomplikowane i chyba nie warte świeczki w moim przypadku, rozwiązałem to za pomocą JS:

Kod

<div onmouseover="this.className='menuOptionS';" onmouseout="this.className='menuOption';" class="menuOption">- <a href="index.php">Strona 1</a></div>
<div onmouseover="this.className='menuOptionS';" onmouseout="this.className='menuOption';" class="menuOption">- <a href="strona.php">Strona 2</a></div>

Wyglada co prawda gorzej niz:

Kod

<div class="menuOption">- <a href="index.php">Strona 1</a></div>

Ale myślę, że w mojej sytuacji to wyjście jest najlepsze..

Dzięki za pomoc.