Positionierung von <div>s

[Max-L.]

Hi,

Ich bin derzeit am Ausprobieren alte HTML und Table basierte Layouts in CSS-gestylte Layouts umzuwandeln.

Dabei gehe ich Schritt fuer Schritt vor und versuche meine alten Tabellen rueckwaerts gerichtet durch div's zu ersetzen und ueberfluessigen Code loszuwerden.

Jetzt moechte ich meinen Content bereich gerne bearbeiten und stosse auf folgendes Problem:

Es gibt eine links text und rechts nen Foto.

Ich habe zuerst eine div deklariert fuer den ganzen content bereich

<div class="Main">
  <div class="Text">blablabla</div>
  <div class="Foto"><img [...]></div>
</div>

Und in meinem Stylesheet folgendes gemacht:

div.main {width=410px}

div.Text {
 position:absolute;
 top:0px;
 left:0px;

margin-left:10px;
 margin-right:10px;
 border-left:10px solid #CCCCCC;
 padding-left:10px;

width:231px;

}

div.Foto {

position:absolute;
 top:0px;
 left:266px;

margin-right:10px;
 width:144px;

text-valign:center;

}

Allerdings erscheint jetzt der Inhalt von .Text und .Foto links oben in der Ecke, d.h. div.main wird nicht als Elternelement erkannt, an dem sich .Text und .Foto ausrichten sollen.
Wie kann man aber diese Ausrichtung erzwingen, bzw. definieren?

Ich wuerde mich ueber jede Hilfe freuen,

MfG

Max