Górna belka - zmiana położenia tekstu

[adris]

Witam, mam taki problem. Otóż stworzyłem dla pewnej firmy stronę pod adresem http://www.hydromotor.pl/ lecz, mam pytanie, jak widać, kategorie w górnym Menu są zbliżone do lewej strony i teraz mam pytanie, nie można ich w jakiś sposób wycentrować ? jeżeli tak, to jak ? w jakiej selekcji w pliku index.php

Załaczam plik index.php stylu
// Po co? Bazyl

[mboy]

za pomocą CSS, a niby jak inaczej.

Plik template.css (linia ~62)

#topnav ul {
float: left;
list-style-type: none;
margin: 0 0 0 18px;
padding: 0;
width: auto;


}

Zgadnij , który parametr mówi do lewej?

[adris]

Witam Pana, Dziękuje za odpowiedź, lecz próbowałem robić jak Pan pokazał i nic nie wychodzi. Wklejam surowy kawałek CCs-a z tego szablonu

#topnav{ height: 54px; width:964px; margin: 0px; padding:0px; font-weight: bold; }
#topnav ul { margin: 0px 0px 0px 18px; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 54px; float: left; position: relative; }
#topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:40px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
#topnav ul li ul ul { margin: -50px 0 0 297px; z-index: 100; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #FFFFFF; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #FFF; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }

Jak dobrze zrozumiałem, tak i zmieniłem

#topnav ul { margin: 0px 0px 0px 18px; padding: 0; width: auto; float: center; list-style-type:none; }

Lecz, nadal to samo