Vil gerne have baggrunden til at skifte fra top til bund.

Hej

Jeg har en menu som er flyttet lidt ned af siden fra toppen med padding. Ved hover ønsker jeg at få skiftet baggrunden fra top til bund, og ikke kun der hvor linket står. Hvordan gør man det?

Kode:

<div id="topnav">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>

CSS:

#topnav {
padding-top:80px;
}

#topnav ul {
margin: 0;
padding: 0;
}

#topnav li {
list-style-type: none;
display: inline;
padding: 0px 10px 0px 10px;
}

#topnav li:hover{
background-color: #ffcc33;
}