IE7Verzweifler: Ja, das war wohl nix. Zumindest das, was Du verstanden hast.

Beitrag lesen

margin: 0 auto = zentriere anhand des nächsten relativen Block-Elements, aber nur horizontal. Beim IE ist das ul aber kein normales Block-Element, da hasLayout fehlt. Versuche bitte einmal, dem ul respektive den einzelnen li-Tags im CSS display:block, position: relative sowie zoom: 1 (Fix für hasLayout) zu geben. Zu hasLayout findet sich noch mehr interessante Info unter http://www.satzansatz.de/cssd/onhavinglayout.html.

danke für die idee und den link (habe ich bisher noch nicht gelesen, werde es aber sorgfältig durchghehen).

zoom:1 (kannte ich bisher nicht, danke!), bewirkt beim ul und/oder li gar nichts im layout.

ich mache jetzt einmal folgendes, hier noch einmal das html fragment:

  
<div id="SITEMENU">  
  <ul>  
    <li><img src="/imgs/btn_sitemenu_start.png" alt=""></li>  
    <li><img src="/imgs/btn_sitemenu_auskunft.png" alt=""><span>Auskunftsdienste</span></li>  
    <li><img src="/imgs/btn_sitemenu_abmelden.png" alt=""></li>  
  </ul>  
</div>  

so sieht es in allen brwosern wie gewünscht aus:

  
#SITEMENU {width:auto; height:auto; margin:0 auto; background: url(/imgs/bg_sitemenu.gif) repeat-x; border-top:1px dotted #A8A8A8}  
#SITEMENU ul {display:block; height:60px; list-style:none; margin:0; padding:0}  
#SITEMENU li {border:1px solid #FF0000; display:block; float:left; margin:0 0 0 15px; padding:0}  
#SITEMENU img {border:1px solid #00FF00; display:block; height:36px; height:36px; margin:0 auto;  padding:0}  
#SITEMENU span {border:1px solid #0000FF; display:block; padding:0; margin:0}  

screenshot firefox: Screenshot Firefox

screenshot ie für diesen code: Screenshot IE

nun habe ich in obigem css code nur das "auto" von "margin: 0 auto" weggenommen und erhalte im ie folgendes bild (ff hier nicht aufgeführt da bild nur nicht zentriert, rest wie vorher auch): Screenshot IE ohne margin 0 auto

nun habe ich den code wieder gändert - "margin: 0 auto" steht wieder da und zusätzlich habe ich deine tipps angewandt, und zwar in folgenden varianten: nur auf li, nur auf ul und sowohl auf ul und li. zoom:1 hatte übrigens überhaupt keinen einfluss, der rest der anezige ändert sich wie folgt: Screenshot IE7 mit LX Tipps

dankie für den bisherigen input - bin weiterhin mit meinem latein am ende oder völlig deppert um den baum vor lauter wald nicht zu sehen...