ul background

Prosím Vás o radu. Mám levé menu v divu a v něm <ul> seznam s odkazy. V CSS mám nadefinováno, že po najetí myší, se má změnit barva pozadí <ul>. Funguje mi to v jiných prohlížečích, jen v IE ne. V IE lze pomocí CSS obarvit jen pozadí textu a to je málo, protože mám nastaveno nějaké "padding" a tam pak vznikají mezery. Nevíte jak toto deklarovat i pro IE? Zkoušel jsem to i pomocí onmouseover, funguje to, ale pak z toho vzniká taková slátanina, přece musí existovat deklarace pro IE ve smyslu "hover".

Zdrojový kód CSS:

#body {
font-family: "Geneva CE", "Arial CE", sans-serif;}
#menu ul.top {
background : gray;
}
#menu a {
color : yellow;
text-decoration : none;
display : block;
width : 100%;
font-family: Verdana,Arial;
font-size: 12px}
}
#menu a:hover{
font-weight: bold;
background : dimgray;}
#menu ul:hover {
background : dimgray;
font-weight: bold}
ul,li{
padding : 5px 0 5px 10px;
margin : 0 0 0 0;
}

kód vlastní stránky:

<ul class="top">
<a href="uvod.php"><? if ($strana==uvod) print "<big><b>"; ?>hlavní strana<? if ($strana==uvod) print "</b></big>"; ?></a>
</ul>

Aha, takže to asi nechám být nebo to musim udělat pomocí tabulek.