Siedząc nad moim projektem zauważyłem, że pod przeglądarką Fire Fox funkcja FLOAT w CSS ma jeden czynnik uboczny. Otóż po DIV-ach z floatem nie działa w kolejnym DIV-ie MARGIN-TOP! Tak więc jak ktoś ma taki układ strony: nagłówek, dwie kolumny i stopkę to nie będzie mógł zrobić odstępu pomiędzy kolumnami, a stopką! Na pewno nie poprzez zastosowanie w stopce MARGIN-TOP.

Np.:

CSS:
#strona {margin: 0 auto; padding: 0px; width: 780px}
#wlasciwa {margin-top: 5px}
#wlasciwa div#lewa {float: left; width: 225px; background: #F1F8FE}
#wlasciwa div#prawa {float: right; margin-left: 5px; width: 550px; background: #000000}
#stopka {margin-top: 5px; background: red}
#stopka img {vertical-align: middle; border-width: 0px}

XHTML:
<div id="strona">
<div id="wlasciwa">
<div id="lewa">Lewa</div>
<div id="prawa">Prawa</div>
</div>
<div id="stopka">Stopka</div>
</div>

Czy ktoś może wie jak ominąć ten problem, ale bez dostawiania kolejnych div-ów?

Rozwiązanie bez dodawania divów nie znalazłem. Możesz problem rozwiązać tak:

[HTML] pobierz, plaintext 
<div id="strona">
    <div id="wlasciwa">
       <div id="lewa">Lewa</div>
      <div id="prawa">Prawa</div>
      <div class="clr"></div>
    </div>
 <div id="stopka">Stopka</div>
</div>
[HTML] pobierz, plaintext 

Ewentualnie polecam http://csscreator.com/version2/pagelayout.php