hjælp til a:hover (joomla)

hejsa

jeg har et mindre problem, som jeg ikke kan finde en løsning på, og jeg tror den er meget svær at forklare, men nu prøver jeg.

jeg bruger joomla og den har en "active" funktion, der går ind og giver dig mulighed for at ændre css koden, for den link i menuen, du allerede er inde på. eksempel: jeg er inde i forsiden, så vil den få "forside" knappen til at have en sort baggrund.

ved at skrive:
.topmenulinks ul li.active

{
background: #000;
padding: 15px 20px;
}

kan jeg gå ind og vælge at baggrunden skal være sort for denne side jeg er inde på.

så kunne jeg tænke mig at lad os sige de andre links der er i menuen, som jeg kører musen hen over(a:hover), skal have samme højde og bredde som den med padding 15px 20px og med baggrund-farven #333.  det kan jeg også, problemet er dog at den baggrund med farven #333, kun fylder så meget som teksten fylder, er der ikke en kode i css der kan fortælle linksene at deres baggrund skal fylde alt det den kan? jeg har prøve med padding, men det virker ikke optimalt.

sådan ser min menu ud indtil videre:

http://cl.ly/image/1k3w0m3B1i34

som i kan se, så er jeg inde på "Simple sites", mens jeg holder musen hen over "Home".

koderne ser sådan ud.

.topmenulinks a:hover
{
    text-decoration: none;
    font-size: 15px;
    background: #222;
}

.topmenulinks ul li.active

{
    background: #222;
    padding: 15px 20px;
}

i html-koden er det så simpelt som en ul med classen topmenulinks, og ellers en li for hver link der er, og den side man er inde på, har kildekoden: <li class="active">blabla</li>.

beklager hvis det ser rodet ud.