[css] centrowanie div li Opcje

[blizniak]

[HTML] pobierz, plaintext 
<div id="navigation">
<ul>
	<li><a class="menu_top" href="/index.php" title="">Home</a></li>
	<li><a class="menu_top" href="/forum/" title="">Browse</a><li>
	<li><a class="menu_top" href="/newposts/" title="">Place an Advert</a></li>
	<li><a class="menu_top" href="/statistics.html" title="">Search</a></li>
 
	<li><a class="menu_top" href="/index.php?do=feedback" title="">Contact</a></li>
 
 
 
	</ul>
 
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div#navigation {
	padding: 0;
	margin: 0;
	height: 40px;
	overflow: hidden; /*Jeżeli elementy bloku będą wychodzić poza jego granice mogą zostać przycięte.*/
	background: #2d2d2d url(../images/nav_bg.png) left -28px repeat-x;
	text-align: center;
	position: relative;
}
 
div#navigation ul{
	display: block;
	color: #6a6a6a;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	height: 40px;
	margin: 0 auto;
 
}
 
div#navigation a {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	color: #FFF;
	font-weight: bold;
	background: url(../images/nav_link.png) right -28px no-repeat;
	outline: none;
	text-decoration: none;
}
 
div#navigation a:hover {
	color: #480000;
	background: #ff8c00 url(../images/nav_link.png) left -96px repeat-x;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none; /*Styl definiuje właściwości obramowania*/
}
[HTML] pobierz, plaintext 

jak zrobie tak ze dodam szerokosc

[HTML] pobierz, plaintext 
div#navigation ul{
	display: block;
	color: #6a6a6a;
	width: 400px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	height: 40px;
	margin: 0 auto;
 
}
[HTML] pobierz, plaintext 

to niby jest ok ale i tak wywala sie to np jak zmniejsze okno przegladarki to nie widac tego menu nawet

[JoShiMa]

Nadaj elementowi ul szerokość i boczne marginesy auto. Natomiast div v którym jest ten ul musi mieć text-align: center;