Problema con simulazione di frame da centrare

[cco]

Salve a tutti, allora vi dico su cosa mi sto arrovellando in vano da giorni :
Ho una pagina che con CSS voglio vada a simulare una pagina con frame.
In testa c'e' un menù composto da varie immagini che resta bloccato ed a seguire c'è il contenuto....Ho sistemato il problema di explorer che non riconosce l'attributo fixed ed ora va bene, ma ho dovuto dare le posizioni in pixel alle immagini e quindi...ora mi trovo tutto che parte da sinistra. Io invece vorrei tutto centrato (come questo sito quà ) cosi' da "risolvere" il problema delle differenti risoluzioni avendo dei "margini" a sx e dx che mettono la mia pagina al centro della pagina del browser...

La domanda è: come fare?
Ho già messo l'attributo "text aling center" in body ed effettivaemnte centra il contenuto, ma non le immagini del mio menù no
Riporto di seguito la struttura,qualche suggerimento?

CSS:

body {
margin: 0;
padding: 0 0 0 0;
background: #ffffff ;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
position: center;
text-align:center;
color: 00000;
overflow-x: hidden;
overflow-y:auto;

}
<!—[if IE]>body {overflow-y: hidden;}
#contenuto {
height: 100%;
overflow: auto;
}<![endif]>



@media screen{
body>#menuFisso {
position: fixed;
}}




#logo_1 {
width: 162px;
height: 86px;
margin: 0 ;
background: url(images/logo_1.gif) no-repeat center;
position: fixed;
position: absolute;
top:0px;

}

#index_2 a {
width: 97px;
height: 86px;
margin: 0;
background: url(images/animafaccialogo_v2.gif) ;
position: fixed;
position:absolute;
top:0px;
left:162px;
}
#index_2 a:hover {
width: 97px;
height: 86px;
margin: 0;
background: url(images/logo_2.gif);
position: fixed;
position:absolute;
top:0px;
left:162px;
}
ecc. ecc. ecc.

#container {
height: 100%;
overflow-y: auto;
}
#page {
position: static;
width:600px;
margin-left:230px;
font-size:12px;
top:0px;
text-align:justify;
color: #333;
padding-top:180px;
padding-left:100px;

}

HTML

<div id="logo_1"></div>
<div id="index_2"></div>
<div id="index_3"></div>
<div id="index_btn_cerca"></div>
<div id="index_btn_inserisci"></div>

ecc. ecc. ecc...
<div id="container" >

<div id="page">
<h4 > Ben venuto su bla bla bla bla !</h4>


</p>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
ecc. ecc. ec..

TML

[cco]

Ok forse mi ero spiegato male cmq ho risolto ed ho scoperto che quello che volevo fare era un layaout monolitico...
Ho letto quà e la ed effettivamente sono riuscito a realizzarlo ma...la serie di immagini che uso come header fisso (in una sorta di simulazione di frame) come faccio a vincolarle allo spazio liquido del layout?

Grazie