Hallo,

ich habe unlängst auf einer Webseite eine graphische resizable Box eingefügt die aus 4 Teilen einer Graphik und auf HTML Seite aus 5 Div tags besteht. Die sieht so aus : http://www.auto-flirt.net wenn ich nun unterhalb der ersten Box das selbe konstrukt (sprich also eine zweite BOX) einfügen möchte zerreisst links unten bei der oberen BOX die Graphik und überlappt während die neu eingefügte BOX allerdings richtig angezeigt wird.
Ich verstehe nicht warum die eine Box die andere beeinflusst da ja alle tags geschlossen sind. Vielleicht kann sich das ja mal jemand ansehen und findet den Fehler.

HTML

<div class="ro"> 
<div class="lo"> 
<div class="ru"> 
<div class="lu"> 
        <div class="inhalt" align="center"> **Content**
				
   </div>
   </div>
   </div>
   </div>
   </div>

und CSS

.ro {
	background:url(bilder/roundedbox_ro.gif) top right no-repeat;
	margin:0;
	padding:0;
}

.lo {
	background:url(bilder/roundedbox_lo.gif) top left no-repeat;
	margin:0;
	padding:0;
}

.ru {
	background:url(bilder/roundedbox_ru.gif) bottom right no-repeat;
	margin:0;
	padding:0;
}

.lu {
	background:url(bilder/roundedbox_lu.gif) bottom left no-repeat;
	margin:0;
	padding:0;
}


.inhalt { 
margin:0; 
padding:2.5em 2.5em 3.5em 2.5em; 
} 
  
.inhalt p { 
margin:0; 
padding:0; 
} 

Vielen Dank schon mal im vorraus

LG Kylee

Mal ausprobieren ich meld mich wieder wenns nicht geklappt haben sollte.

Vielen dank für deine Antwort

LG
Kylee