IE7 & CSS trouble

[Inquisitor]

Here's the page:
http://etherea.co.uk/designs/ice2/

The part I'm having problems with is the nav-bar; the top and bottom of the list items isn't being displayed in IE7.

Can anyone think of a way around this? It's been a while since I did any CSS, so please excuse any idiocy on my part

Here's the relevant CSS and HTML so you don't have to dig through it yourselves:

HTML:

<ul id="menu-bar">
	<li><a href="#">Link 1</a></li>
	<li><a href="#">Link 2</a></li>
	<li><a href="#">Link 3</a></li>
	<li><a href="#">Link 4</a></li>
	<li><a href="#">Link 5</a></li>
</ul>

CSS (found at the end of layout.css):

ul#menu-bar
{
	position: absolute;
	width: 750px;
	margin-top: -10px;
	list-style-type: none;
	text-align: center;
}

ul#menu-bar li
{
	display: inline;
	margin: 0 5px 0 5px;
	list-style-type: none;
	padding: 5px;
}

ul#menu-bar li a
{
	border: 1px solid #EEE;
	padding:  5px 20px 5px 20px;
	text-decoration: none;
}

ul#menu-bar li a:link, ul#menu-bar li a:visited
{
	color: #58B;
	background-color: #FFF;
}

ul#menu-bar li a:active, ul#menu-bar li a:hover 
{
	color: #58B;
	background-color: #FAFAFA;
}

 

[Teaf]

Try changing your ul#menu bar style to:

ul#menu-bar
{
position: relative;
margin-top: -10px;
list-style-type: none;
text-align: center;
}

 

[Inquisitor]

Lovely, thanks