Salve a tutti,
sto realizzando un sito molto semplice tableless: ha un box centrato, un piccolo box laterale all'interno del primo, e un footer che dovrebbe andare a finire in fondo alla pagina.
Il centramento l'ho fatto mettendo nel body
Codice PHP:
body { margin : 20px 80px 0px 80px; } 
Poi ho essenzialmente due div
Codice PHP:
#main { [...] }
#main #menu { float : right; width : 200px; margin : 0px 0px 10px 10px; [...] } 
e infine il footer che l'ho scritto così
Codice PHP:
#footer {position : absolute; bottom : 0; left : 80px; right : 80px; width : auto; padding : 3px 10px; [...] }
* html #footer { width : 100%; } 
Il risultato è che il footer su Mozilla/Firefox si vede bene, su IE si vede leggermente più lungo del #main, su Opera si vede più corto del #main. l'effetto che vorrei sarebbe quello di avere una barra in fondo alla pagina in basso con margine bottom 0 e left, right 80px (come il body).

Inoltre se ridimensiono manualmente la finestra la barra del footer sale su coprendo il testo del #main. Qualche soluzione x ovviare il problema?