homepage block link is shorter than other links in IE7?

Posted: Fri, 2008-10-10 19:41

I'm trying to figure out why in IE7 my homepage link is shorter in height than the other links. It appears to be cut off entirely because the white border-top isn't showing whatsoever. Any help would be tremendously appreciated!

The website is http://webjaggers.com and the

the html:

<ul id="links">
	<li><a href="index.html">Home</a></li>
	<li><a href="spelling.html">Spelling List</a></li>
	<li><a href="homework.html">Homework</a></li>
	<li><a href="schedule.html">Class Schedule</a></li>

	<li><a href="schedule.html">Conference Time</a></li>
	<li><a href="contact.html">Contact Me</a></li>
	</ul>

the css:

#links
{
position: relative;
right: 19px;
bottom: 4px;
}

#links li
{
list-style: none;
display: inline;
}

#links li a 
{
display: block;
border-top: 1px solid white;
padding: 3px;
text-decoration: none;
color: white;
background-color: #9c050a;
text-align: center;
}

*html #links li a {height: 1px;}

#links li a:hover
{
background-color: #ac1318;
color: #fff;
text-decoration: underline;
}

thanks