Hi,

I am trying to achieve the same effect as the sitepoint navigation bar but I am having problems getting the background image of the hover element to extent to the entire width of the bar. Here is my css code perhaps someone might help

CSS
#navlist li {
display:inline;
padding:0 .7em;
border-right:1px solid #FFFF00;
}
#navlist li.last {
border:none;
}
#navlist {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:.9em;
font-weight:normal;
height:22px;
text-align:left;
padding-top:7px;
}
#navlist a {
color:#FFF;
text-decoration:none;
}
#navlist a:hover {
color:#FFF;
background-image:url(images2/nav.png);
text-decoration:underline;
}