Text-wrapping runt bild med bildtext

Behöver hjälp med en csslösning angående text-wrapping (på svenska?).

http://www.blåbjörn.se/test/test.html

Vad jag vill åstadkomma är att figurtexten maximalt ska få ha samma samma bredd som bilden, om den är längre fortsätter texten på en ny rad under. Jag vill helst undvika att sätta storlek på bild då denna ska kunna variera. Hur kan jag lösa detta?

Tack

.floatimg { display:table; max-width:0; }

För IE? Tja, kanske använda en expression som sätter samma bredd som bilden eller nåt.

Bra tips! Just nu har jag detta:

floatimg { display:table; max-width:0; float: right; padding: 20px; font-size: 80%;}
.floatimg p{ display:table; max-width: 0; float: right;}

Men för IE hur funkar det egentligen med expression?Något såndant eller? :/

width:expression(220 + "px");

wmaster skrev:

Bra tips! Just nu har jag detta:

floatimg { display:table; max-width:0; float: right; padding: 20px; font-size: 80%;}
.floatimg p{ display:table; max-width: 0; float: right;}

Den andra raden behövs nog inte... (Och den första raden saknar en punkt före.)

wmaster skrev:

Men för IE hur funkar det egentligen med expression?Något såndant eller? :/

width:expression(220 + "px");

Ja, typ.

.floatimg { display:table; max-width:0; float:right; padding:20px; font-size:80%; !width:expression(this.getElementsByTagName("img")[0].clientWidth + "px"); /* ie */ !max-width:none; /* ie7 */ }

Hm tackar, men kör jag denna så fungerar det i IE, dock inte i FF.
Om jag lägger till

.floatimg p{ display:table; max-width: 0;float: right;}

fungerar det i FF men inte i IE :s

Edit:

Jag som klantade mig lite, nu fungerar det! Tack så mycket zcorpan (y)