Unwanted Spacing In IE

1

Hello,

Here is a link to my site for reference: My Site

I have a black navigation bar with a 2px gray border on top and bottom. My links within that bar are designed so that on hover they have a gray background that lines up with the top and bottom border. When I view this in Firefox it looks the way I intended it to look, but when I view it in IE there is extra space below the links and the bg on hover doesn’t line up with the bottom border.

Here’s the CSS for the navigation:

#navigation {
	background-color: #333333;
	width: 790px;
	height: 18px;
	font-size: 10px;
	text-align: right;
	margin-top: -10px;
	padding-right: 10px;
	color: #CCCCCC;
	border-bottom: 2px #cccccc solid;
}

Any ideas?