Raucherkrebs: CSS Problem mit DIVs

Beitrag lesen

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; }