Menu

Dobrý den,
mám problém. Nastyloval jsem si řídkové menu pomocí css, při najetí myší na položku se má změnit barva pozadí a textu, ale to se stane jen v případě, že najedete na slovo, na okolí ( rámeček) už to nefunguje.
A tak bych potřeboval, poradit, jak odkaz "zvětšit", aby zaujímal celou plochu položky...¨

css:

#menu {width:774px; height: 29px; float:left; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
#menu ul {margin: 0px;}
#menu li {float:left; position:relative; list-style-type:none; padding: 7px 11px 4px 11px;}
#menu li:hover {background-color: #6b8e23;}
#menu a {display:block; text-decoration:none; color: #6b8e23; width: 100%; height: 100%;}
#menu a:hover {color: #ffffff; }

Díky. Argonisius

Díky, jak prosté a účinné...