Menu na liście z hover - w poziomie...?

Witam…

Mam problem, bo gdy chcę zrobić menu na liście, z tłem obrazkowym to wychodzi jakieś że tak powiem nie wiadomo co… ;/

Kiedyś miałem dobrze takie coś zrobione, ale teraz zapomniałem… ;/

Powinno to wyglądać tak:

http://iv.pl/images/61576305858575921891.png

A wygląda tak:

http://iv.pl/images/88332846212729317796.png

Gdzie kod mam taki:

ul, li.button {

list-style-type: none;

width: 135px;

height: 30px;

border-style: none;

background-image: url(img/menu.png)

}


ul, li.button:hover {

width: 135px;

height: 30px;

border-style: none;

background-image: url(img/menu-hover.png);

}

pomożecie?

Nie lubię tego robić, ale odsyłam do kursu. Sam lepiej bym tego nie wytłumaczył.

spróbuj tak:

ul{

list-style-type:none;

}


li.button {

width: 135px;

height: 30px;

float:left;

border-style: none;

background-image: url(img/menu.png)

}


li.button:hover {

background-image: url(img/menu-hover.png);

}