IE und CSS

Ein normaler Textabsatz (P), gefolgt von einer ganz normalen Liste (UL), die beide das Bild umfließen sollen.

• eins
• zwei
• drei
• vier
• fünf
• sechs
• sieben
• acht
• neun
• zehn
• elf
• zwölf

Im IE ist es nicht möglich, die Listen-Bullets so neben das Bild zu ziehen, daß sie linksbündig mit dem sonstigen Text abschließen.

Dachte ich bisher. Aber es geht doch - oder doch nicht? Tja ... Entscheidet selbst. Man bekommt die Listen-Bullets neben das Bild, wenn man der UL noch ein display: inline verpaßt. Allerdings stehen die Listenpunkte unterhalb des Floats dann nicht mehr mit dem Absatz bündig. Was ja unter Umständen das kleinere Übel ist.

img {
float: left;
width: 240px;
height: 260px;
margin: 0 10px 0 0;
}
ul {
display: inline; /* <= Der Workaround */
position: relative;/* fuer IE */
margin: 0;
padding: 0;
}
ul li {
margin: 1px 0 0 15px;
border: 1px solid #f00;
}

Die borders um LI sollen nur das Problem verdeutlichen.