DIV-Positionierungs-Problem CSS-basiertes Layout

[Daniel Steinmann]

Hallo zusammen

Ich habe da ein dynamisches, CSS-basiertes und XHTML-konformes Layout erstellt und hänge an einem mir unerklärlichen Problem.

Witzigerweise funzt der Header, welcher genau gleich erstellt ist, einwandfrei. Die 2 Inhalts-DIV (LeftPane und ContentPane) im contentwrap sollten nebeneinander und nicht untereinander stehen.

Die Breite der DIV wird mit einem Javascript gesetzt, was aber auch beim Header und Hintergrundbild der Fall ist.

Ich kann nicht erkennen was ich falsch mache.

Danke und Gruss
Daniel

Auszug aus dem CSS:

#headerwrap {
 position: relative;
 padding: 0;
 height: 6em;
 z-index: 2;
}
#headertitle {
 position: relative;
 clear: left;
 float: left;
 font-size: 0.6em;
 z-index: 2;
}
#headernav {
 position: relative;
 z-index: 2;
 text-align: center;
 margin: auto;
}
#contentwrap {
 position: relative;
 padding: 20px;
 z-index: 2;
 height: auto;
 }
#LeftPane {
 position: relative;
 clear: left;
 float: left;
 z-index: 2;
}
#ContentPane {
 position: relative;
 padding: 0;
 z-index: 2;
 margin: auto;
}

Auszug aus dem HTML:

<div id="middlewrap">
 <div id="headerwrap">
  <div id="headertitle">Architektur und CAD<br />Postfach 6089<br />2500 Biel 6<br />Tel [phone]<br /> Mob [phone]<br />[e-mail]</div>
  <div id="headernav"><dnn:MENU runat="server" id="dnnMENU" menualignment="Center" /></div>
 </div>
 <div id="contentwrap">
  <div id="LeftPane" runat="server"></div>
  <div id="ContentPane" runat="server"></div>
 </div>
</div>

Unter der angegebenen URL kann man das Beispiel sehen.