Bild mit Titel und Beschreibung versehen

[Flunder]

Ich habe nun folgende Lösung erarbeitet:

<div class="margins">  
  <div class="titel">Titel-Text</div>  
  <div class="titel">  
    <img width="300" height="225" src="image.jpg" title="Titel-Text" class="rahmen"/>  
  </div>  
</div>

Die Klasse "margins" definiert einen Abstand, die Klasse "titel" zentriert, die Klasse "rahmen" zeichnet einen Rahmen ums Bild.

Auf diese Art und Weise klappt das eigentlich ganz gut, der Titel wird zentriert über das Bild geschrieben, aber die umgebende Ausrichtung (zum Beispiel standard bzw. links) wird nicht berücksichtigt. Der gesamte Block wird mittig auf der Seite oder in einer Tabelle wiedergegeben. Wie kann ich nun erreichen, daß der Block an sich links bündig oder zentriert ausgegeben wird, davon abhängig was drumherum definiert ist? Das drumherum ist mir an dieser Stelle im plugin leider nicht bekannt. Und das soll dann natürlich noch zumindest für FF3 und IE7/6 funktionieren...

Meine bisherigen Ansätze funktionieren soweit nur im IE7 (IE6 nicht getestet), aber nicht im FF3:

• Tabelle verwendet
• Breite des divs vorgegeben

BTW: Falls für das Bild ein float-Attribut definiert ist, ziehe ich das ins äußerste div und der Block verhält sich so wie das Bild vorher alleine.

Also, wie geschrieben, dies ist der Punkt an dem ich hänge:
Wie kann ich nun erreichen, daß der Block an sich links bündig oder zentriert ausgegeben wird, davon abhängig was drumherum definiert ist?