
Skorzystałem z gotowego szablonu menu który znalazłem w sieci. Doskonale pasuje do mojej strony, lecz mam jeden problem z którym sobie nie mogę poradzić

Otóż menu jest wyrównywane to lewej a cichłbym aby było wyśrodkowane, niestety przy moich próbach zwsze się rozjeżdżało, daje kod, mam nadzieje ze pomożecie

ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; height:30px; font-size:12px; font-weight:bold; background:transparent url(images/nav_bg.png) repeat-x top left; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #000000; border-top:1px solid #09F; border-bottom:1px solid #09F; margin-bottom: 10px; } ul#menu li { float:left; margin:0; padding:0; display:inline; } ul#menu li a { float:left; color: #FFF; /*kolor czcniko w menu */ text-decoration:none; font-weight:bold; padding:8px 20px 0 20px; } ul#menu li a:hover { color:#ADFF2F; height:22px; background:transparent url(images/nav_bg.png) 0px -30px no-repeat; } ul#menu li a.current { height:22px; background:transparent url(images/nav_bg.png) 0px -30px no-repeat; float:left; margin:0; }
z góry dzięki