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

[suit]

füttere den IE7 (und bei bedard den IE6) mit inline anstatt inline-block.

[Matthias Apsel]

Om nah hoo pez nyeetz, ad!

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

und

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

ein umgebendes Element ist immer dann sinnlos, wenn nur ein Element enthalten ist.

Beispielsweise wäre sinnvoll

<div id="nav">
  <h3>Wegweiser</h3>
  <ul>
  ...
</div>

Beispiel für den ersten Fall: Brückentage.info, wobei hier die id 'navlinks' ungünstig (d.h. nach ihrer gegenwärtig gewünschten Darstellungsart) gewählt ist. Besser wäre vielleicht 'hauptnav'.

Beispiel für den zweiten Fall celsius-fahrenheit.net

Matthias

[suit]

ein umgebendes Element ist immer dann sinnlos, wenn nur ein Element enthalten ist.

Nicht unbedingt - es kann auch Tabellen mit nur einem Datensatz geben, genauso kann es Listen mit nur einem Eintrag geben.

Beispiel Einkaufsliste als Tabelle:

Heute:
Menge | Einheit | Beschreibung
------+---------+-------------
1     | l       | Milch

Morgen:
Menge | Einheit | Beschreibung
------+---------+-------------
2     | kg      | Mehl
300   | g       | Hackfleisch

[Matthias Apsel]

Om nah hoo pez nyeetz, suit!

ein umgebendes Element ist immer dann sinnlos, wenn nur ein Element enthalten ist.

Nicht unbedingt - es kann auch Tabellen mit nur einem Datensatz geben, genauso kann es Listen mit nur einem Eintrag geben.

Diese Beispiele ziehen nicht, weil weder ein <li> noch ein <tr> die Möglichkeit hat, außerhalb der <o|ul> bzw. <tbody|head|foot|able> zu existieren.

Matthias