Ciao a tutti!

Sto cercando di realizzare una pagina con layout senza tabelle nella quale sono presenti i classici tre blocchi header, navigation e content. Vorrei far sì che header e navigation restino sempre fissi mentre content può scorrere in caso di contenuti molto lunghi. Per far ciò aggiungo position: fixed alla definizione dei due blocchi.

Con Mozilla l'allineamento viene spostato a sinistra e non riesco a centrarlo. Lo stesso con Opera.

Con IE uso

Codice PHP:
<!--[if IE]>
<
script type="text/javascript">
var 
fromTop=100;
window.onload=function(){
    
document.getElementById('navigation').style.position='absolute';
    
document.getElementById('header').style.position='absolute';
    
window.onresize=window.onscroll=function(){
        
document.getElementById('navigation').style.top=document.documentElement.scrollTop+fromTop+'px';
        
document.getElementById('header').style.top=document.documentElement.scrollTop+fromTop+'px';
    }
}
</script>
<![endif]--> 
e header finisce spostato verso il centro della pagina.
Qualcuno si è già imbattuto in un problema simile e ha risolto?

Grazie dell'attenzione!