Ciao ragazzi, volevo creare un semplice sito in CSS che avesse un body di 760px centrato.

Nel foglio di stile ho inserito:


body {
margin: 0px;
height: 100%;
}

#centrato {
text-align: Center;
background-color: #EEEEEE;
color: #192939;
position: Absolute;
top: 50%;
left: 50%;
font-size: 12px;
font-family: Verdana;
font-weight: Bold;
width: 760px;
border: Solid 1px #CCCCCC;
margin:-100px 0 0 -175px;

}


Ho due problemi:

1 - se metto "top: 0px", il div mi schizza in alto superando il margine

2 - appena inserisco un contenuto (come una img) il box appare spostato sulla destra e non centrato.


Vorrei ottenere semplicemente un div centrato, largo 760 px che parte dal margine superiore.



grazie.