Problema con il footer

[maccamania]

Ciao a tutti. Sto realizzando un piccolo sito con i CSS per un progetto universitario. Premetto che sono alle primissime armi e quindi vi prego di perdonare eventuali miei svarioni clamorosi.

Ho un problema con il footer: vorrei che si posizionasse in basso alla pagina, qualsiasi sia il contenuto del div principale, invece si ferma alla base della pagina, come se non ci fosse la scrollbar. So di non riuscire a spiegarmi bene, per cui linko direttamente la pagina in questione.

Metto qui il CSS, così spero che qualcuno mi possa dire cosa sbaglio.

body
    {
    background-color: bebfc1;
    margin:0;
    padding: 0;
    height: 100%;

    }


a

    {

    text-decoration: none;

    }



img

    {

    border:none;

    }


#logo

    {
    padding: 1em 0 0 1em;

    }


div#sito
    {
    position: relative;
    height: 100%;
    }

body>div#sito
    {
    height: auto;
    min-height: 100%
    }


div#header

    {

    position: absolute;
    top: 0px;
    left: 0px;

    background-image: url(img/header_gradient_100.gif);

    background-repeat: repeat-x;

    width: 100%;

    }



div#contenuti

    {
    float: right;

    position: absolute;

    top: 17%;

    right: 2%;

    width: 72%;
    background-color: white;
    }



div#menusx

    {
    float: left;
    position: absolute;

    top: 17%;

    left: 2%;
    width: 17%;

    background-color: white;

    }



div#footer

    {
    position: absolute;
    bottom: 0px;
    height: 5em;
    width: 100%;
    background-color: 828282;

Grazie mille a chiunque cercherà di aiutarmi!

[P.aolo83]

Credo che basti mettere per il footer

#footer {
clear: both
}

è il comando che fa andare tutto il footer sotto entrambi i div con il float.

Vedi se funziona (cmq io non mischierei nel layout comandi float e position:absolute - credo facciano solo casino - o uno o l'altro)