Ciao,

Stavo progettando la pagina web per il mio sito web ma ho un problema.

Ecco il mio foglio di stile (parziale)
codice:
body {background-color: #242424}
#container {background-color: #DDDDDD; width: 100px; height: 100px; border: 2px solid #808080}
#header {height: 150px}
#menu {height: 30px; background-image: url(/images/menu_bg.png); background-repeat: repeat-x; color: #FFFFFF}
#menu a:link  {height: 30px; background-image: url(/images/menu_bg.png); background-repeat: repeat-x; color: #FFFFFF}
#menu a:hover {height: 30px; background-image: url(/images/menu_bg.png); background-repeat: repeat-x; color: #FFFFFF; text-decoration: underline}
#menu a:visited {height: 30px; background-image: url(/images/menu_bg.png); background-repeat: repeat-x; color: #FFFFFF}
Ecco il codice del file html

codice:
<html>
<head>
<title>Professional Home ~ Ketto93</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container" align="center">
<div id="header">LOGO HERE                 ADS HERE</div>

<div id="menu">HomeCommunity</div>
</div>
Mettendo <div id="container"> il contenuto si vede tutto a sinistra e quindi ho aggiunto align="center" ma in questo modo si accentra solo il contenuto senza il container.

Screen:


Come potrei centrare anche il container insieme al suo contenuto?

Grazie a tutti

PS: ho usato anche float: center ma non cambia nulla