Tabellenstruktur mit CSS

[Richard]

Hallo,

ich bin gerade dabei meine Seiten auf XHTML umzustellen. Dabei stieß ich nun jedoch auf ein Problem, auf das mir keine Lösung einfällt.

Folgendes will ich machen:
Ich habe eine Grafik, die linksbündig erscheinen soll. Rechts von der Grafik sollen zwei Tabellenspalten hinkommen. In der ersten stehen Sachen wie Name, Autor, Produktionsjahr usw. und in der zweiten Spalte sollen dann Sachen wie Max Mustermann, 1999 usw. stehen.
Im Idealfall würde ich die Breite der beiden Spalten auch gerne in Pixeln angeben können.
Unter dem ganzen soll dann normaler Text weitergehen.

Folgende Probleme habe ich:
Egal was ich bisher machte, bockte es mit den zwei Spalten. Das Bild paßte ja prima, doch die beiden Spalten ragen immer zu weit nach unten (sieht man eventuell erst, wenn man da mehr Text einfügt) und bringen dort den normalen Text völlig durcheinander. Auch in der Breite paßt das alles nicht wirklich.
Die Lösung sollte bitte in CSS sein ;)

Danke für jede Hilfe!

Mein bisheriger Code (CSS):

#Bildbereich{
  float: left;
  width: 200px;
}
#Spalte1{
  float: right;
  width: 150px;
}
#Spalte2{
  float: right;
  width: 300px;
}

Code der HTML-Seite:

<div id="Bildbereich">
 <img src="" width="100" height="100" border="0" alt="" / >
</div>

<div id="Spalte1">
 Name: <br/ >
 Produktionsjahr: <br/ >
</div>

<div id="Spalte2">
 SelfHTML <br/ >
 2000 <br/ >
</div>

NORMALER WEITERER FLIESSTEXT AB HIER