Plazierung geht nicht -- Ausweg Tabelle?

[Steve01]

hallo zusammen,

ich möchte ja css einsetzen , aber es klappt nicht.

Brauche dies

---------------------------------------------------------
  | Headline mit eigener Farbe/Hintergrund und padding     |
  ---------------------------------------------------------
  |                     |                                  |
  | Bild nahtlos links  | Text mit neuer Hintergrundfarbe  |
  | oben                | links neben Bild                 |
  |                     | ist Text länger/ höher als       |
  |                     | Bild soll Text nicht unter       |
  |                     | Bild umbrechen                   |
  |                     | Hintergrundfarbe von Text und Bild
  |                     | soll gleich sein                 |
  |--------------------------------------------------------

Soweit bin ich:

<!-- Grundfarbe und Groesse festlegen -->
 <div style="padding:0; margin:0; width:500px; color:#FFFFFF; background:#FF0000;">
  <div style="padding:10px; margin:0; color:#FFFFFF; background:#4D5E74;">Headline</div>
  <img src="overview/Triband_phones.jpg" width="144" height="144" alt="" style="float:left;">
  Text Text Text<br>
  Text Text Text<br>
  Text Text Text<br>
    Text Text Text<br>
  Text Text Text<br>
  Text Text Text<br>
    Text Text Text<br>
  Text Text Text<br>
  Text Text Text<br>

Text Text Text
  </div>
 </div>

Aber das Bild erscheint nicht ganz links oben und hat bei kurzem rechten Text immer unten noch die Hintergrundfarbe vom rechten Textfeld

Weiss jemand meine(n) Fehler?

THX

Steve01