Div kayma sorunu

Merhabalar;
sorunum şu şekilde iç sitemde iç içe kullanıdığım divler en allta ki divden dışarı taşıyor, en alltaki div e height vermek istemiyorum ki üzerine gelen div içindeki yazıların boyutu kadar aşağı insinn fakat bir türlü bunu ayarlayamadım.

 <section>
            <div class="Makaleler">
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
            </div>

buda css

 section
    {
        padding-top:10px;
        margin-top:0px;
        background-color:#E9EAED;
        border:1px solid #d2d3d4;
        border-bottom:0px;
        border-top:0px;
    }

    .Makaleler
    {
        margin-left:10px;
        width:70%;
        
        float:left;

    }

yazılar buradaki makaleler divi içerisinde ancak section dan dışarı taşıyor şu şekilde

üsteki küçük beyaz alan section alttaki gri kısım footer asıl istediğim section un makaleler divi içerisindeki yazılar kadar height ini ayarlaması

anlatabildim mi bilmiyorum ama yardım ederseniz sevinirim.

Demo adres verirseniz yardımcı olmaya çalışırım.

http://kodsor.net/

buyur kardeşim.

bir linke tıklarsan daha anlaşılır sanırım, ana sayfada section a height değeri verince aşağı düzeliyor fakat linklere girince yazılarda tekrar kayma oluyor alttaki div 800px yükseklikteyse yine öyle kalıyor.

</section> tagının üstüne bir div aç ve clear: both; css özelliği uygula sorun düzelecektir.

Bunun gibi:
<div style="clear:both;"></div>
</section>

oldu. çok teşekkür ederim kardeşim. sağolasın. Allah razı olsun. sende işlerini hep kolay yapasın.

Rica ederim. Kolay gelsin.