neuer: LAyout mit Float: Warum nicht nebeneinander?

Beitrag lesen

Hallo

Habe ein Layout:
-----------------------------------
<body>
<div id="page">
 <div id="rand"></div>
 <div id="logo"><img src="/_images/logo.gif" border="0" alt="Logo></div>
 <div id="site">
  <img src="/_images/header.jpg" border="0" id="header" alt="HeaderBild"></div>
 </div>
</body>
-----------------------------------

Sowie das CSS dazu:
-----------------------------------
#page{
 width: 60em;
 margin: auto;
 padding:0em 0em 0em 0em;
 background-color:#FFFFFF;
 text-align:left;
 }
#rand{
 width: 3.7em;
 height: 100%;
 float:left;
 background-color:#cccccc;
 }
#logo{
 width: 6.6em;
 margin-left: 0.7em;
 height: 100%;
 float:left;
 background-color:#ff0099;
 }
#logo img{
 width: 6.6em;
 height:auto;
}
#site{
 width: 44.5em;
 margin-left: 5em;
 float: left;
 background-color:#FFFFFF;
 }
#header{
 height: 20.2em;
 width: 44.5em;
 }

-----------------------------------

Nun habe ich das Problem dass das Div "site" nicht links vom Logo div steht? Was mache ich falsch?

Thx