[CSS][HTML]Wyśrodkowanie diva Opcje

[cv65]

Witam
Mój problem polega na tym że nie moge wysrodkować diva ponieważ przeszkadza mi float: left;

Mój kod:

[HTML] pobierz, plaintext 
.navigation ul {margin:0 auto; }
.navigation {
	padding:0 0 0 20px;
	list-style:none;
	text-align:center;
	height:40px;
	background:#1841c8 url({WWW}images/nav_background.gif);
}
.navigation li {
	float:left;
	text-align:center;
}
.navigation li a {
	text-align:center;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	padding:0 0 0 10px;
	cursor:pointer;
	font-size:11px;
}
.navigation li a b {
	float:left;
	text-align:center;	
	display:block;
	padding:0 16px 0 8px;
}
.navigation li.current a {
	color:#FFFFFF;
	background:url({WWW}images/nav_hover.gif);
}
.navigation li a:hover {
	color:#00CCFF;
	background: url({WWW}images/nav_hover.gif);
}
.navigation li a  {
	display:block;
	float:left;
	width:30px;
	height:40px;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<ul class="navigation">
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
</ul>
[HTML] pobierz, plaintext 

Proszę o pomoc bo sam nie dam rady (IMG:style_emoticons/default/sadsmiley02.gif)

Pozdrawiam (IMG:style_emoticons/default/smile.gif)