Jak wyśrodkować menu?

wersja skryptu MyBB: 1.6.4
adres forum: http://www.looney.com.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam, dziś chciałem sobie zrobić menu hover z poradnika:

http://grafifor.pl/temat-Menu_poziome_Ho...ursora_316

Jednak po zrobieniu wszystkiego menu działa jak należy tylko jest po lewej stronie i nie mogę go wyśrodkować nie wiem czemu.

Szablony- nagłówek - header:

<div id="container">
        <a name="top" id="top"></a>

<hr class="hidden" />
<br class="clear" />
<div id="content">


<a alt="Strona Główna" class="menu" href="/index.php" style="background: url(/images/LooneYv2/mstr.png);"></a>
<a alt="Użytkownicy" class="menu" href="/memberlist.php" style="background: url(/images/LooneYv2/muzy.png);"></a>
<a alt="Szukaj" class="menu" href="/search.php" style="background: url(/images/LooneYv2/mszuk.png);"></a>
<a alt="Pomoc" class="menu" href="/misc.php?action=help" style="background: url(/images/LooneYv2/mpom.png);"></a>




            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>


{$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />

Global.css

.menu {
    width: 102px;
    float: left;
    height: 32px;
    background-position: 0 0px;

}

.menu:hover {
    width: 102px;
    float: left;
    height: 32px;
    background-position: 0 32px !important;

}

Wie ktoś może jak temu zaradzić?

Nie możesz wyśrodkować ze względu na opływanie float: left;.

Spróbuj oblec kod menu jakimś divem i wyśrodkować ten div.

Tak właśnie zrobiłem i wszystko ładnie działa.