Bild rechts unten floaten

[sandwichx]

Hallo!

Möchte in einer Tabellenzelle folgendes Layout realisieren:

+-------------------------------+
|+-------+ text text text text  |
|| Bild1 | text text text text  |
|+-------+ text text text text  |
| text text text text text text |
| text text text text text text |
| text text text text  +-------+|
| text text text text  | Bild2 ||
| text text.           +-------+|
+-------------------------------+

Versuch1:

  
img.l { float:left; }  
img.r { float:right; }  

~~~~~~html
  
<td>  
 <img class="l" src="bild1">  
 text text text ... text text text.  
 <img class="r" src="bild2">  
</td>  

Ergebnis1:

+-------------------------------+
|+-------+ text text text text  |
|| Bild1 | text text text text  |
|+-------+ text text text text  |
| text text text text text text |
| text text text text text text |
| text text text text text text |
| text text text.      +-------+|
|                      | Bild2 ||
|                      +-------+|
+-------------------------------+

Versuch2:

vertical-align:...; verwenden; ändert aber nichts am Ergebnis, egal welchen Wert ich einsetze. (BTW: Firefox 3.5.8, Ubuntu 9.10 (karmic))

Versuch3:

float:right; weglassen; ergibt (wie erwartet):

+-------------------------------+
|+-------+ text text text text  |
|| Bild1 | text text text text  |
|+-------+ text text text text  |
| text text text text text text |
| text text text text text text |
| text text text text text text |
|                +-------+      |
|                | Bild2 |      |
| text text text.+-------+      |
+-------------------------------+

Wie könnte es funktionieren?

Danke!