ciao, sono un neofita del css e ho una pagina molto semplice che si sviluppa tutta all'interno di un rettangolo 540x490px composto da tre DIV e vorrei che questo rettangolo si trovasse sempre al centro della pagina e che avesse un bordo esterno (che non mi faccia da bordo a ogni singolo DIV ma a tutto il contenuto) di 1px..come faccio??? grazie...

PS: vi allego il codice..tanto x capirci meglio.

[CODE]<html>
<head><link rel="STYLESHEET" TYPE="text/css" HREF="stilehome.css"></head>
<STYLE TYPE="text/css">
<!--

#barra {
position:absolute
left:0px;
top:0px;
width:750px;
height:164px;
background-color:#1F1F1F;
}

#menu {
position:absolute;
left:0px;
top:164px;
width:152px;
height:332px;
background-color:#1F1F1F;
}

#content {
position:absolute;
left:152px;
top:164px;
width:598px;
height:332px;
background-color:#1F1F1F;
overflow:auto;
}

-->
</STYLE>

</HEAD>
<BODY STYLE="overflow:auto; background-color:#1F1F1F;">

<DIV ID="barra">
</DIV>
<DIV ID="menu">
</DIV>
<DIV ID="content">
</DIV>
</body></html>
[CODE]