Hi,
mach dir das leben doch nicht so schwer, versuch mal folgendes:
#content {
width:200px;
height:auto;
}
#oben {
width:200px;
float:left;
height:200px;
}
#unten {
width:200px;
float:left;
height:200px;
}
<div id="content">
<div id="oben">
<!-- INHALT OBEN -->
</div>
<div id="unten">
<!-- INHALT UNTEN -->
</div>
</div>
Natürlich musst du dein abstände etc. selber ändern, aber so wird sich nichts überlappen oder weiß der kuckkuck was...