Pomoc s CSS ( kódování šablony wordpressu )

Dobrý den, chtěl bych se na vás obrátit s menší prosbou. Dělám si vlastní web a protože na něm chci poměrně hodně psát rozhodl sem se pro redakční systém Wordpress kvůli snadné obsluze. Narazil sem ale na jeden problém při kódování šablony. Chtěl bych docílit aby výsledek mého snažení vypadal takto: testovaciprojekty.cekuj.net . Jde mi o jednu věc. Nemůžu nastavit šířku a výšku položky v horizontálním menu tak aby se zobrazilo celé bílé pozadí tlačítka viz.: www.projekty.cekuj.net

Zde je veškeré css nastavení které by se mělo týkat navigace:

/*------------------------------ H Menu Styling ----------------------------- */
#top { 
 display: inline;
 list-style-type: none;
}

#hnav ul li{
 display: inline;
}

#hnav ul li a {    /*--vlastnosti odkazů navigace--*/
 color: #919191;
 text-decoration: none;
 padding: 0px 0px 0px 0px;
 font-size: 0.7em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
 background: url(images/menubutton.gif);       /*--pozadí odkazů navigace--*/
}

#hnav ul li a:hover {
 color: #bfbfbf;
 background-color:red;

Pro jistotu přikládám celý soubor se styly. Všem děkuji za případnou pomoc. Nečekal sem že se seknu na takové prkotině. Pokud to z mého popisu šlo špatně pochopit přiložil sem ještě obrázek na vysvětlenou. Texty v ukázkových webech berte prosím s rezervou :D.