Problema allineamento

[ANTAGONIA]

Buon giorno ragazzi, dovete risolvermi per favore, il problema dell'allineamento.
Ho questa struttura:

<div style="font-size:18px;font-weight:bold;text-align:center;top:150px;">
		SERVIZI IDRICI
	</div>
	


	

	<div style="font-size:14px;font-weight:bold;float:left;width:800px;margin:0 0 0 100px;">
			Nella tabella sottostante i dati
	


	<table BORDER="1" style="font-size:12px;FONT-WEIGHT:bold;color:#003366;">
		<tr>
			<td>COSTO SOSTENUTO</td>
			<td>NUMERO INTERESSATI</td>
			<td>IMPORTO MESE</td>
			<td>IMPORTO MEDIO ANNUO</td>
		</tr>
		<tr style="background-color:#CCCCCC">
			<td>&euro;.7,38</td>
			<td>180</td>
			<td>&euro;.4</td>
			<td>&euro;.0,04</td>
		</tr>
	</table>
	



	<div style="font-size:14px;font-weight:bold;text-align:left;width:auto;float:left;margin:0 0 0 100px;">
		Note: 
		

			- i dati si riferiscono agli ultimi addebiti;
		

		


	</div>
		
	</div>

Sapete dirmi qual'è la soluzione ideale per impaginare il contenuto con tutte le risoluzioni?
Perchè ho provato con 1024x768 e lo centra cosi come ho fatto, ma se metto 1440x900 il contenuto lo sposta tutto a sinistra!!

Aiutatemi è una cosa che devo risolvere al volo....vi pregooooo!!
Grazie grazie

[Puzzola]

Io farei così....
Ovviamente è una bozza fatta al volo...

HTML

<div id="cont">
    <div id="header">
        SERVIZI IDRICI
    </div>

    <div id="table">
        <span class="caption">
            Nella tabella sottostante i dati
        </span>
        <table id="table1">
            <tr>
                <td>COSTO SOSTENUTO</td>
                <td>NUMERO INTERESSATI</td>
                <td>IMPORTO MESE</td>
                <td>IMPORTO MEDIO ANNUO</td>
            </tr>
            <tr class="data">
                <td>€.7,38</td>
                <td>180</td>
                <td>€.4</td>
                <td>€.0,04</td>
            </tr>
        </table>
        <span class="notes">
            Note:

            - i dati si riferiscono agli ultimi addebiti;
        </span>
    </div>
</div> 

CSS:

#cont
{
width: 960px;
overflow:hidden;
margin:0 auto;
}

#header
{
font-size:18px;
font-weight:bold;
text-align:center;
top:150px;
}

#table
{
font-size:14px;
font-weight:bold;
float:left;
width:800px;
}

etc.etc. 

Note:
1) CSS su file separato
2) usare i
solo dove servono e non per impaginare (addirittura la parte delle note si potrebbe fare con un bel <UL> al posto dello <SPAN> )
3) un codice scritto in maniera ordinata serve per lavorare meglio...

[ANTAGONIA]

ti ringrazio, molto gentile
Una curiosità, ovviamente ancora non lo provo, però il layout sarà uguale per tutti i browser?
Perchè oggi come oggi, cambi un parametro e su alcuni va bene e su altri no.
Cmq, grazie ancora buona giornata e buon lavoro........

[Puzzola]

Mi pare di averlo testato su IE7, FF 3 e Safari 3 e va bene...
Non ci dovrebbero essere problemi di compatibilità per come è scritto...
Se poi noti qualcosa chiedi pure...

[ANTAGONIA]

grazie mille molto gentile
buona giornata e buon lavoro