[HTML] "Tabelle" mit DIV-Tags

[TheMiller]

Ok, hier mal mit meinem Code:

Code:

CSS-Datei:

div#content {
   position:relative;
   margin:0px;
   background-color:#540403;
}

div#le {   
   background-image:url(images/le.gif);
   background-repeat:no-repeat;
   top:0px;
   left:0px;
   width:12px;
   height:22px;
   position:relative;
   margin:0px;
}

div#mi {
   background-image:url(images/mi.gif);
   background-repeat:repeat-x;
   position:relative;
   padding-top:3px;
   padding-left:15px;
   margin:0px;
   height:22px;
}

div#re {
   background-image:url(images/re.gif);
   background-repeat:no-repeat;
   position:relative;
   width:46px;
   height:22px;
   margin:0px;
}


HTML-DATEI

<div style="width:150px; position:absolute; height:300px;">
 <div id="le">
  <div id="mi" style="width:150px;">
   <div id="re"></div>
  </div>
 </div>
</div>

So gesetzt wie oben passiert folgendes:

Das linke Bild wird richtig angezeigt und das mittlere Bild nach dem linken Bild "width-mal" wiederholt. Das rechte Bild liegt über den ersten beiden. Aber wieso?