a:hover in IE7 help

[Jet]

I have a hover state on my navbar which consists of the text turning green and a 4px green border appearing under the text. It works fine in Firefox, Safari and IE6 but in IE7 I get the green text but no border below. Can anyone see why?

HTML

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="a.html">home</a></li>
<li><a href="b.html">portfolio</a></li>
<li><a href="c.html">jargon</a></li>
<li><a href="d.html">pricing</a></li>
<li><a href="e.html">build a pc</a></li>
<li><a href="f.html">faq</a></li>
<li><a href="g.html">links</a></li>
<li><a href="h.html">contact</a></li>
</ul>
</div>

CSS

#navcontainer ul {
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #3A4C59;
	width: 100%;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 23px;
	letter-spacing: 0px;
	margin-bottom: 5px;
	border-bottom: #CCC solid 2px;
	border-right: #CCC solid 2px;
}

li { display: inline; }

li a {
	text-decoration: none;
	color: #CCCCCC;
	padding: .2em 1em;
	font-size: 14px;
	line-height: 18px;
	background-color: #3A4C59;
}

li a:hover {
	color: #A8B842;
	border-bottom-color: #A8B842;
	border-bottom-style: solid;
	border-bottom-width: 4px;
}

 

[joeyjojo]

The border lies outside the div. Add more padding on the bottom for li a, and remove the background-color.

Edit: padding doesn't work. Maybe change the height of the div? I'd work in px if I was you, helps to get a pixel perfect design.

 

[Jet]

The border lies outside the div. Add more padding on the bottom for li a, and remove the background-color.

Edit: padding doesn't work. Maybe change the height of the div? I'd work in px if I was you, helps to get a pixel perfect design.

I usually do but I took the navbar from list o matic (I think it was) and I kept the standard values.

I changed the values to px but still couldn't do it. I've ended up having the border at the top instead of the bottom now. IE7 obviously handles CSS differently to IE6 in this respect.

Thanks for the help anyway joey.