[css]Efekt rollover w cssie Opcje

[Levabul]

Próbowałem zrobić efekt rollover przy użyciu samego cssa (potrzebowałem tego do listy <ul> mającej być menu) wykabinowałem coś takiego

Kod

ul#menu
{
}
ul#menu li {
    display: inline;
    height: 38px;
    
}
ul#menu li a:hover img {
    display: none;
}
ul#menu li a img.rollover {
    display: none;
}
ul#menu li a:hover img.rollover {
    display: inline;
}
ul#menu li.active {
    position: relative;
    z-index: 2;
}
ul#menu li.active a img {
    display: none;
}
ul#menu li.active a img.rollover {
    display: inline;
}

Zastosowanie:

[HTML] pobierz, plaintext 
<ul id="menu">
<li>
<a href="#">
<img src="gfx/cos.png" alt="" />
<img src="gfx/cos_a.png" alt="" class="rollover" />
</a>
</li>
<li class="active">
<a href="#">
<img src="gfx/foo.png" alt="oceny" />
<img src="gfx/foo_a.png" alt="" class="rollover" />
</a>
</li>
<li>
<a href="#">
<img src="gfx/bar.png" alt="i" />
<img src="gfx/bar_a.png" alt="" class="rollover" />
</a>
</li>
<li>
<a href="#">
<img src="gfx/profil.png" alt="" />
<img src="gfx/profil_a.png" alt="" class="rollover" />
</a>
</li>
</ul>
[HTML] pobierz, plaintext 

Pod FF wszystko świetnie chodzi, natomiast pod IE już nie :/ Od 3 godzin próbuje znaleźć jakiś sposów przystosowania tego do badzIEwia, niestety bez skutku. Dlatego proszę o pomoc.

Ten post edytował Levabul 25.08.2006, 10:38:16