Měnící menu

Ahoj, potřeboval bych pomoc.
U webu bych chtěl, aby při najetí na odkaz v levém menu, se v buňce změnilo pozadí a barva písma.
Použil jsem HTML a CSS , v Opeře a Firefoxu se změní pozadí, text ne, a v IE se nestane nic. Kód jsem použil tento .

HTML:

<div id="menu">
<h1>Menu</h1>
<ul>
<li><a href="x.html">Odkaz</a></li>
<li><a href="x.html">Odkaz</a></li>
<li><a href="x.html">Odkaz</a></li>
<li><a href="x.html">Odkaz</a></li>
<li><a href="x.html">Odkaz</a></li>
</ul>
</div>

CSS :

#menu ul li:hover
{
background-image: url('image/pozadi.gif');
background-color: a8a1ff;
color: #FFFFFF;
}

Kámoš ríkal že prý to jde v JS. Prosím vás tedy o pomoc. Javascript neovladám ,tak se na vás obracím, zda by mi někdo daný kód nevytvořil. Je to dárek, a chtěl bych aby byl plně funkční, prosím tedy o pomoc. Děkuji

DIky , funguje to.
Ale mam jeste jeden problem, chci aby byl hyperlink aktivni, pokud najedu kamkoliv na bunku, a né pouze když najedu na text. Díky

ne, nevím jak :-/

Ano, dal jsem tam width a height 100 %, ano, zobrazí se to přes celou buňku ale prvně to musím aktivovat najetím na text. Nejlepší bude dát sem rovnou příklad, takže zde :

http://www.humor.tym.cz/menu.html

Mam 3 dotazy/ prosby :

1) Chci, aby odkazovala celá buňka,a né pouze text.
2) Aby "LINK" byl uprostřed
3) Jde nastavit velikost mezery ? Např bych chtěl, aby písmena ve slově "LINK" nebya tak u sebe, aby byla od sebe vzdálena třeba takto : L I N K, a já bych si velikost té mezery nějak nastavil.
Díky

1) FUNGUJE
2) Myslel jsem vertikálně, né horizontálně, jde to ?
3) Toto mi funguje pouze v menu.html jak jsem zde odkazoval, na normalnim webu mi to nejak nefachá, budu se v tom muset pohrabat.