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

[quiris]

Taki kod jak powyżej działa, ale tylko w Firefoxie i Operze, w IE nic sie nie dzieje. Ma ktoś pomysł dlaczego?

Pseudoklasa :hover działa w MSIE tylko dla zakotwiczeń a. Podobnie zachowuje się Mozilla w trybie Quirks Mode (emuluje ograniczenie MSIE).

Możesz sobie to sprawdzić na tej stronie: http://www.quirksmode.org/css/hover.html

Mógłbyś skorzystać z pakietu IE7: http://dean.edwards.name/IE7/compatibility/ który likwiduje to ograniczenie.

Ten post edytował quiris 25.06.2004, 16:31:02