andreas: Ebene

Beitrag lesen

Hallo,

ich habe es endlich geschafft.
2 Spalten eine eine Ebene über beide Spalten.

Firefox ist es richtig
Internet Explorer zeigt mir die Ebene nicht über beide Spalten sondern setzt diese in die erste Splate somit stimmt das ganze Layout nicht.

Was mache ich falsch??

Script:
body {
background-color: #ffffff;
font-size:12px;
font-family:Helvetica, Arial, sans-serif;
text-align: center;
}

#rahmen {
text-align: center;
width: 780px;
height:100%;
background-color:#FFE599;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#left {
float: left;
width:150px;
height:100%;
background-color:#FFCC66;
padding:0px;
margin: 0px;
text-align: left;
}

.box1{
float:left;
padding:15px;
width:175px;
height:175px;
margin:50px 15px 0 10px;
text-align: left;
z-index:1;
}

#main {
float: right;
width:630px;
height:100%;
padding:0px;
margin: 0px;
text-align: center;
}

<div id="rahmen">
  <div id="left">Linke Spalte
     <div class="box1">menü was über zwei Splaten liegt</div>
  </div>
  <div id="main">rechte Spalte</div>
</div>