Chyba v IE – CSS – Fórum – Programujte.com

Ahoj mam nasledujici css:

.menu {color: #000000; padding: 0;width: 75px; margin: 0; list-style-type: none; display:block}

.menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #FFFFFF; margin: 0; padding: 0; list-style-type: none;}

/*.menu li {float: left; padding: 2px 2px 0 2px; width: 200px; white-space: nowrap;}*/

.menu a {padding: 2px; text-align: left; padding-left: 15px; color: #D0D0D0; background-color: #FFFFFF; display: block; text-decoration: none; font-weight: bold;}

.menu ul a:link {color: #D0D0D0; border-bottom: none; padding-left: 15px; _padding-left: 19px;}

.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}

.menu li li {float: none; border: none; padding: 0; margin: 0;}

<h3>Nazev hadanky</h3>

text hadanky text hadanky text hadanky text hadanky text hadanky text hadanky

<ul class="menu">

<li><a>Odpověď</a>

<ul>

<a>nějaká věta jako odpověď</a>

</ul>

</li>

</ul>

Bude to mylím tím, že IE nepodporuje :hover u li, takže bych na to šel přes události onMouseOver a onMouseOut JavaScriptem :)