Wyrownanie diva bez pozycjonowania

[grzesiek77]

Koledzy mam nastepujacy problem.

Sa trzy warstwy:


W (x)html wyglada to skrotowo tak:

Kod:

<div class="kontenerek">

    <div class="lewa">
    <p>
    tekst
    </p>
    </div>

    <div class="prawa">
    <p>
    tekst
    </p>
    </div>

    <div class="stopka">
    <p>
    stopka
    </p>
    </div>

</div>

w .css

Kod:

.kontenerek {
width: 980px;
margin: 0 auto;
}

.lewa {
float: left;
width: 240px;
padding-right: 10px;
}

.prawa {
float: right;
width: 710px;
padding-left: 10px;
padding-right: 10px;
}

.stopka {
width: 710px;
float: right;
clear: both;
}

I niestety warstwa stopka jest na wysokosci konca warstwy .lewa, a chcialbym by byla bezposrednio pod warstwa .prawa jak na obrazku.
Probowalem tez tak, ze wrzucalem diva .stopka do diva .prawa i pozycja byla ok, ale dziedziczyl kolor po warstwie .prawa, a powinien miec inny
Pewnie znowu cos prostego

---

Probowalem tez dawac !important przy kolorze .stopka tak by przebijal sie nad ustawiony kolor .prawa, ale nie dzialalo...