Lupinius: Baum-Ansicht überschneidet sich

Beitrag lesen

Salve

Ich habe ein Problem mit dem CSS eines Forums, das wie das Forum hier eine Baumstruktur haben soll. Ein erzeugter Beispielcode wäre:

<div class="Post">  
        <div class="PostHeader">Hi</div>  
        <div class="PostInfo">Lupinius<br>2009-02-26 18:14:19</div>  
        <div class="PostText">Test</div>  
        <div class="Post">  
        <div class="PostHeader">Re: Test</div>  
        <div class="PostInfo">Lupinius<br>2009-02-26 18:43:28</div>  
        <div class="PostText">Antwort die Erste</div>  
</div>  
</div>

Allerding ist das Ergebnis nicht das, was ich mir gewünscht habe: Die Posts uberschneiden sich. ( Siehe hier )

Der CSS-Abschnitt ist

div.Post { margin:10px; margin-left:5%; width:90%; }  
div.PostHeader { background-color:#FFB000; font-size:large; padding:3px; }  
div.PostTopic { background-color:#FFB000; margin:10px; padding:5px; }  
div.PostInfo { background-color:#FFB000; width:100px; float:left; margin:0px; text-align:center; }  
div.PostText { margin:0px; margin-left:100px; padding:2px; height:100%; }
--
sh:( fo:| ch:? rl:( br:> n4:? ie:{ mo:) va:) js:| de:> zu:} fl:| ss:) ls:[