Mach daraus ein
<p style="clear:both; margin:0;">vs.</p>
und alles rutscht wieder nach oben.
Leider tut es das nicht! Unerklärlich warum. :( Es sieht nun so aus:
<body>
<div class="top1"><a name="top"><img id="logo" src="/languages/de/img/logo.png" alt="logo" /></a>
</div>
<p style="clear: both; margin:0; padding:0;"></p>
<div class="top2l"></div>
<div class="top2r">
<div id="product_menu">
<ul class="menu"> Hier das Menu
</ul>
</div>
</div>
body {
background-color: #fff;
background-image: url('/images/round_arrow.gif');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.top2l {
float: left;
background-color: #d61008;
height: 70px;
width: 50%;
}
.top2r {
background-color: #d61008;
background-image: url("../images/design/edge_white_right.png");
background-position: top right;
background-repeat: no-repeat;
float: right;
height: 70px;
width: 50%;
}
#logo { float: right; margin: 0; padding: 0; }