[css] problem z lewym panelem

[jager]

Zrobiłem projekt strony z wykorzystaniem css, w którym mam lewy panel i główną część strony. Mam problem z lewym panelem, który jest wypełniany treścią dynamicznie, w zależności od podstrony. Jeżeli w lewym panelu jest więcej treści niż w głównej części strony to zachodzi on na stopkę strony, która powinna "zjechać" na dół, a tego nie robi. Wszystko jest ok jeżeli w głównej części strony jest więcej treści. Złe wyświetlanie tyczy się tylko Firefox'a, w IE jest ok.

Dodam jeszcze że walidowałem css i wszystko jest ok.

Co może być problemem?

Z góry dzięki za pomoc.

PS.

Oto kod:

Kod: Zaznacz cały

.left_side {
        position: relative;

        padding: 0px;
        width: 180px;
        height: auto !important;
        height: 400px;
        min-height: 400px;
        float: left;
        text-align: left;
                  margin: 20px 30px 10px 20px;
                  border-right: 1px solid #e7e7e7;
}

Ten kod zawarty jest w:

Kod: Zaznacz cały

.main {

        width: 800px;
        height: auto !important;
        height: 400px;
        min-height: 400px;

        background: url("img/backgr.jpg") repeat;
        margin: 0px;

}

[Mateusz Bogolubow]

do stopki dodaj kod:

Kod: Zaznacz cały

clear: left

powinno zadzialac