Problemi di layout

[shadyz]

Ho costruito un layout del seguente tipo:

<div id="header"></div>

<div id="container">
<div id="colonna-sinistra"></div>
<div id="colonna-centro"></div>
<div id="colonna-destra"></div>
</div>

<div id="footer"></div>

C'è un problema però. Se la colonna destra è più corta della colonna sinistra, il footer si sovrappone alle colonne e non sta a fondo pagina dove dovrebbe stare. Come si può risolvere ciò? Grazie.

[peppetomico]

dai una letta a questo
http://css.html.it/guide/lezione/72/...-introduzione/

[shadyz]

ho inserito un clear: both al footer, ma nel caso in cui la colonna di destra sia più lunga, il footer si sovrappone a questa. Quindi qual è il problema?