Lösung? (IE cleart falsch)

[Harlequin]

Yerf!

Ok, ich hab glaub ich die Lösung gefunden. Damit das im IE "richtig" geht muss den LIs erst ein display:inline-block zugewiesen werden, das später durch eine weitere CSS-Regel mit diplay-inline überschrieben wird (wtf?).

ul  
{  
 margin: 0;  
 padding: 0;  
 list-style: none;  
 width: 160px;  
}  
  
li  
{  
color: white;  
 width: 42px;  
 height: 42px;  
 margin: 4px;  
 display: inline-block;  
 vertical-align:top;  
 border:1px solid red;  
}  
* html li  
{  
 display:inline;  
}  
  
#item2  
{  
 height: 72px;  
}  
  
#item1, #item4  
{  
 background: red;  
}  
  
#item2, #item5  
{  
 background: green;  
}  
  
#item3, #item6  
{  
 background: blue;  
}  
  

Allerdings musste ich die Breite von UL etwas anpassen.

Gruß,

Harlequin