[HTML][CSS] Wyśrodkowywanie linków w menu Opcje

[Webmasterr]

Witam!

Moje linki w menu są przesunięte trochę w prawo:



Co źle zrobiłem?

Menu:

[HTML] pobierz, plaintext 
<!-- Menu -->
 
    <div id="menu_tabela">
 
        <ul class="menu">
 
            <div class="nawigacja_div">
            <li><a href="index.php" class="nawigacja">Strona Główna</a></li>
            </div>
 
            &nbsp;
 
            <div class="nawigacja_div">
            <li><a href="wyborprezentu.php" class="nawigacja">Wysyłanie prezentu</a></li>
            </div>
 
            &nbsp;
 
            <div class="nawigacja_div">
            <li><a href="szukanieprezentu.php" class="nawigacja">Szukaj prezentu</a></li>
            </div>
 
            &nbsp;
 
            <div class="nawigacja_div">
            <li><a href="kontakt.php" class="nawigacja">Kontakt z Nami</a></li>
            </div>
 
        </ul>
 
    </div>
 
    <!-- Koniec Menu -->
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
/* Menu */
 
div#menu_tabela {
 
    background-image: url('tlo_menu.png');
 
    height: 5%;
    width: 75%;
 
    margin: auto;
 
    border: 5px ridge;
    border-color: #99BF33;
}
 
 
 
ul.menu li 
{
    font-size: 100%;
    font-weight: bold;
 
    color: blue;
 
    display: inline-block;
 
    text-decoration: none;
}
 
 
 
a.nawigacja 
{
    text-decoration: none;
}
 
 
 
div.nawigacja_div 
{
    display: inline-block;
}
 
/* Koniec Menu */
[CSS] pobierz, plaintext 

I jeszcze CSS nadrzędnych elementów:

[CSS] pobierz, plaintext 
 
body 
{ 
    background-image: url(tlo.png);
    background-attachment: fixed;
    background-repeat: repeat-x;
 
    height: 100%;
    width: 100%;
 
    text-align: center;
 
    overflow-x: hidden;
}
 
div.strona 
{
    background-color:  #F1F6B9;
 
    border: 5px ridge;
    border-color: #000000;
 
    margin: auto;
 
    width:  60%;
    height: 100%;
}
 
[CSS] pobierz, plaintext