Problemi dopo aggiunta nuovo blocco css

[john.it]

Problemi dopo aggiunta nuovo blocco css

Ragazzi ho fatto delle modifiche
al mio tema Wordpress aggiungendo una sidebar in più
quella in questione è #blocco.

Ho raggiunto il risultato che cercavo cioè
quello di inserire un nuovo blocco di larghezza maggiore
sopra le due sidebar native.

#primary {
height:100px;
margin-left:500px;
margin-top:300px;
position:absolute;
width:220px;

}
#secondary {

margin-left:730px;
margin-top:300px;
position:absolute;
margin-top:300px;
width: 220px;
}

Ora pero' riscontro un problemone se aggiungo widget
alle due sidebar queste si sviluppano in verticale andando
sopra il footer, in poche parole non allungano la pagina
ma passano sopra al footer.

Il codice nei css originario è il seguente:

#footer {
clear:both;

Sapete dirmi cosa sbaglio per far funzionare al meglio????

ps. avevo inserito lo stesso post nella sezione Wordpress ma credo sia più un problema css. scusatemi