Rahmen/BOX mit CSS, Fehler im IE 6

[Peety]

Hallo,

nach stundenlanger suche im Netz habe ich es aufgegeben. Ich verwende auf einer Seite folgenden Code, um eine resizable Box darzustellen:

<div id="content">
<div class="ro"> 
  <div class="lo">
    <div class="ru"> 
      <div class="lu">
        <div class="inhalt Stil2"> 
          <p>__CONTENT__</p>
          </div>
      </div>
    </div>
  </div>
</div>

hier die CSS dazu:

.ro {
 background:url(images/1.gif) top right no-repeat;
 margin:0;
 padding:0;
}
.lo {
 background:url(images/2.gif) top left no-repeat;
 margin:0;
 padding:0;
}
.ru {
 background:url(images/4.gif) bottom right no-repeat;
 margin:0;
 padding:0;
}
.lu {
 background:url(images/3.gif) bottom left no-repeat;
 margin:0;
 padding:0;
}
.inhalt {
 margin:0;
 padding:2em;
}

So, unterm dem IE 7 sowie Firefox wird die Box richtig dargestellt:

im IE 6 schaut es dann so aus:

Ich hoffe, dass mir jemand helfen kann. Google konnte es leider nicht :-(

Grüße aus Frankfurt

Peety

 

[nichtsgeht]

Und wie ist Stil2 Formatiert, und hast du evtl. auch <p> formatiert ?

<div class="inhalt Stil2">

Und die Formate für Content fehlen auch ?

 

[Peety]

Hallo,

hier Stil2:

.Stil2 {color: #FFFFFF}

<p> hab ich nicht formatiert.

Gruß,

Peety

 

[Peety]

Ich hab gerade in einem anderen Forum einen Beitrag gelesen, worin stand, dass diese Methode, die ich nutze, sehr schlecht sei. Aber es stand kein Tipp dort, welche besser ist.

Keiner hier, der eine Idee hat?

Gruß,

Peety