czesc mam pewien problem z menu. Próbuje zrobic aby po najechaniu na odnowsnik pokazywał się kwadrat. tekst wysrodkowany wobec kwadratu

Wysokość kwadratu 156px i taka chce miec na stale, mam w tej chwili taki kod ale tlo jest tylko na tekscie wiec kwadratu z tego nie ma.

Wybacz, ale nie rozumiem o co Ci chodzi : )
Mozesz wrzucic to gdzies on-line? Nawet na jsfiddle.
Tak na pierwszy rzut oka, to wszystko sprowadzasz do elementow liniowych, a chcesz, zeby sie zachowywaly jak bloki. W li zamiast display:inline daj display:inline-block;, natomiast .nawi li a powinien miec przypisane display:block;. Height i width wyrzuc z hovera i osadz tez w .nawi li a. Zeby sobie tekst wycentrowac w pionie bedziesz musial sie bawic paddingami, tak na pierwszy rzut oka, to:

[CSS] pobierz, plaintext 
.nawi a  {
display:block;
height:86px;
padding-top:70px;
width:156px;
line-height:16px;
text-align:center;
text-decoration:none;
color: #3f3f3f;
}
.nawi a:hover {
background-image: url(box.gif);
}
[CSS] pobierz, plaintext 

trochę mnie nakierowałeś, już sobie poradziłem dzięki