Witam

Myślę, że mam prosty problem, jednak nie umiem sobie z nim poradzić :/
Mam na stronie diva, który ma id menu. Jako tło ma taki obrazek, który ma szerokość 900px i wysokość 50px (przykład):

Teraz chcę na tym pasku zrobić sobie POZIOME menu w formie listy. Wiec zrobiłem ul , li i w cssie dałem:

[HTML] pobierz, plaintext 
ul li {
    display: inline;
}
[HTML] pobierz, plaintext 

Ok, jest w miarę fajnie. Teraz chcę zrobić tak, aby po najechaniu na link podłożyło się to tło (szer 5 px i aby się powtarzał w poziomie tak długo jak jest link):



Aby wyszło coś takiego (po najechaniu na wybrany link):



Pytanie, jak to uzyskać? Jak robię normalne linki to nie chce mi się ten link rozszerzyć na całą wysokość (50 px) tylko jest na wysokość wielkości napisu przez co nie widać tego zielonego paska z przykładu.
Oraz jak zrobić, aby ta lista była wyrównana do dołu tego diva o id menu?

#menu a:hover
{
display:block; padding: (x)px;
}

To jeżeli chodzi o obrazek. Jeżeli chodzi o wyrównanie do dołu- chcesz żeby napis/link był przy dolnej krawędzi diva menu, to użyj np. line-height,