IE7 zentriert Liste nicht

[ad]

Hallo,
habe eine horizontal zentrierte Lsite, die der IE7 eben leider nicht zentriert. Was ist hier falsch?

<div class="simplenav">  
<ul>  
    <li id="thisnav1" class="current"><a href="#" onclick="stopSlideshow(1);"></a></li>  
    <li id="thisnav2"><a href="#" onclick="stopSlideshow(2);"></a></li>  
    <li id="thisnav3"><a href="#" onclick="stopSlideshow(3);"></a></li>  
    <li id="thisnav4"><a href="#" onclick="stopSlideshow(4);"></a></li>  
</ul>  
</div>

Mein CSS:

.simplenav{  
	margin:10px 0 0;  
	padding:0;  
	display: none; /*--Hidden by default, will be later shown with jQuery--*/  
}  
  
.simplenav ul{  
	text-align:center;  
	display:block;  
	width:860px;  
	margin:0;  
	padding:0 40px;;  
}  
  
.simplenav li{  
	list-style-type:none;  
	display:inline-block;  
	background:url(/images/layout/simplenav.png) no-repeat;  
}  
  
.simplenav a{  
	width:22px;  
	height:19px;  
	display:inline-block;  
}

Hab statt display:inline-block; auch schon mit float:left experementiert aber war leider ebenso erfolglos.

Wäre über jeden Tipp dankbar!

Und nochwas:
Wo ist eigentlich der Unterschied zwischen
<div id="foo">
 <ul>
  <li></li>
 </ul>
</div>

und

<ul id="foo">
 <li></li>
</ul>

Letzteres ist ja eindeutig kürzer. Unter welchen Umständen wäre die erste Variante gerechtfertigt? Oder ist das 2. _immer_ die bessere Wahl?

1000dank
andi