Archief - CSS: Navigatie background probleemke

Zie hier het probleemke, ik dacht toch ergens ooit gezien te hebben dat ge dat kon oplossen in css. Maar weet niemeer juist hoe.




Probleem is dat rond elk navigatie item een div zit, en nu zie je da bij het hover effect er een witte background komt. Maar hij doet dit enkel over de breedte van de tekst en niet over heel de breedte van het divje, ergens een foutje in de code?


Code Css:

#Header {
background-image: url(Banner.jpg);
height: 166px;
width: 746px;
border: 2px solid #FFFFFF;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
body {
background-color: #666666;
text-align: center;
}
#Main {
width: 746px;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
padding: 0px;
text-align: left;
border: 2px ridge #FFFFFF;
}
#Links {
width: 125px;
margin: 0px;
padding: 0px;
border-right-width: 3px;
border-right-style: ridge;
border-right-color: #FFFFFF;
}
.Navlist {
text-align: center;
margin: 0px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
background-color: #666666;
padding: 0px;
width: 125px;
}
.Navlist a:link, a:visited {
background-color: #666666;
color: #FFFFFF;
text-decoration: none;
}
.Navlist a:hover, a:active {
color: #666666;
font-weight: bold;
background-color: #FFFFFF;
}


Zou ik eventueel beter de navigatie in een balk onder de header plaatsen ? Enige suggesties?

groetjes en alvast bedankt !

http://wellstyled.com/css-nopreload-rollovers.html Dit ontleden. Small hint: uw a moet een block element zijn.

@ Zero grav

Idd gewoon de a instellen als block Mercitjes had ik even overgezien

Bedankt voor de links

zou ik beter de navigatie in een horizontale balk onde de banner zetten ?

greetz