Проблем с height: 100% при Firefox.

[FestarBG]

Учудващо, но този път Firefox е "кривия" браузър, а не ИЕ..
Кодирам един сайт, само дивове, без никакви таблици.Най-упростен кода изглежда така:

<html>
<head></head>
<body>
    <div id="container">
        <div id="main">
            <div id="tops">
            линкове..
            </div>
            <div id="header">header-a с малко линкове</div>
            <div id="down"> </div> 
            <div id="holder">
                <div id="left">
                 пак линкове..
                </div>
                <div id="right">
                тук основното съдържание
                </div>
            </div>
         <div id="footer">
                <p id="footy">и отново линкове.. </p>
            </div>
        </div>
        <div id="ads">
        реклама
        </div>
    </div>
</body>
</html>

container е основният див, в него двата main и ads са с float: left, за да може рекламката да излиза вдясно от сайта. holder ми съдържа съдържанието. На него съм му задал height: 100%, за да се разпъва според това колко са дълги съответно left и right. Да речем на едната страница имам 10 новини, right се разпъва, искам с него да се разпъва и holder. При Opera и IE всичко е точно, но при firefox holder не се разтяга, независимо колко са дълги left и right.Пробвах да задам на holder height: auto, но така стана дори по зле (дължината с auto стана около 10px.. ).
Ето снимки, как се разпъва при Opera и обратното при Firefox (3.0.11).

Потърсих в google за подобен проблем, открих някакво решение с min-height, но незнам как да го реализирам.Ако ви трябва още код, или css-a казвайте..
Мерси много!

 

[ISO]

Пробвай да добавиш едно
<style>
BODY{
height:100%;
}
</style>
Ако стане си го вкарай в CSSa

 

[shterev]

проблема е че не изчистваш float-инга! Сложи един див след right такъв:
<div style="clear:both;"></div>

 

[FestarBG]

Благодаря и на двамата, но проблема не се реши.Добавих и height: 100% на body-то, и един "изчистващ" див, но под ФФ все още си седи така.Други идеи?

:roll:

EDIT: Оправих се, зададох height: 100% на body-то, height: 100% и min-height: 100% на container, и height: auto на holder,left и right.Точката е за shterev, защото без неговия код нищо от това, което пробвах не работеше, а сега всичко е 6!

 

[shterev]

просто когато имаш един главен див и в него , да речем 2 флоатнати, за да се разпъва главния се изчиства флоатинг, както ти показах. тези height:100%; аз въобще не ги ползвам за такива работи.