text (links) und grafik (rechts) in <div> ausrichten

[Ralf]

Hallo, habe folgendes Problem. Ich habe ein <div> mit gewisser Breite. In diesem Element soll ein Text linksbündig und eine Grafik daneben rechtsbündig ausgerichtet werden.

|TEXT       GRAFIK|

Das ganze soll ohne Tabelle o.ä. erfolgen. Ich komme leider nicht weiter. Sobald ich das Bild rechts ausrichte, rutscht es nach unten weg. Text und Grafik müssen aber vertikal mittig sein. Auch das Attribut "vertical-align: middle" hat nicht viel gebracht, da das Bild dann nicht mehr rechtsbündig ist. VERZWEIFEL!
Hier mein bisheriger Versuch:

<div style="background-color:#A7A7A7; width:150;">Text<img src="images/cliparts/triangle.gif" style="vertical-align: middle; border-style: none; border-width: 0" align="right" width="6" height="8"></div>

Ich hoffe, ihr könnt mir weiterhelfen.

Grüße
Ralf