I believe it is because you have the A tag floating left. Once an element is floated, I don't think it is in the normal document flow. Try removing the float and see what it does.

No luck. I tried eliminating all floats, cleared the cashe and refreshed my browser and no change.

Here is the original code:

#nav {
float: right;
padding: 0 0 2px 13px;
margin: 0;
}

#navinner {
float: left;
width: 743px;
height: 41px;
background: #A9CE9B;
border-top: 2px solid #87BA74;
border-bottom: 2px solid #87BA74;
}

#nav ul {
margin: 0;
padding: 0 0 0 27px;
list-style: none;

}

#nav li {
float: left;
margin: 0;
padding: 0 10px 0 0;
}

#nav li a {
text-align: center;
margin: 5px 0 0 0;
padding: 4px 12px;
font-weight: bold;
border-bottom: 2px solid #A9CE9B;
border-right: 2px solid #A9CE9B;

}

#nav li a:hover {
border-bottom: 2px solid #6CAB54;
border-right: 2px solid #6CAB54;

}

#nav li a.active {
border-bottom: 2px solid #6CAB54;
border-right: 2px solid #6CAB54;
}

he's right, try to temporary disable the float:left on the a-tag with firebug and it looks good.

Yeah, Thank you both. My secondary trouble was editing the wrong style sheet.

It is working great now.

thanks again