height difference in div in IE vs. mozilla

I have a div with a ul in it (will become navigation). There is a difference in the height of the div from IE to mozilla. I've added padding and margins set to 0 but there is still a difference in height.
Can someone take a look at the code or the page: http://ghpr.net/proof/index.html/ the style sheet is at http://ghpr.net/proof/default.css

thanks

Here's the code:

<div id="topbar">
	<ul>
	  <li>home</li>
	  <li>::</li>
	  <li> services</li>
	  <li>::</li>
	  <li>clients</li>
	</ul>
	</div>

css:

#topbar {
	background-color:#ACACAC;border-top:1px solid #F7F7F7;border-bottom:1px solid #000;
	height:33px; text-align:right;
}

#topbar ul {
	margin-top:6px;margin-right:10px;padding: 0;
}

#topbar li {
	font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;color:#FFF;
	display:inline;letter-spacing:1px;list-style: none;margin: 0;padding: 0;
}

[/url]