[HTML][CSS] Problem z menu Opcje

[Szymoneks12]

Mam menu:

[HTML] pobierz, plaintext 
    <!-- Menu -->
 
<div id="menu_tabela">
    <ul class="menu">
 
    <li><a href="XY" class="nawigacja">XY</a></li>
 
    <li><a href="YX" class="nawigacja">YX</a></li>
 
    <li><a href="ZW" class="nawigacja">ZW</a></li>
 
    <li><a href="WZ" class="nawigacja">WZ</a></li>
 
    </ul>
</div>
 
    <!-- Koniec Menu -->
 
[HTML] pobierz, plaintext 

i CSS:

[CSS] pobierz, plaintext 
 
/* Menu */
 
div#menu_tabela {
 
    background: url(tlo_menu.png);
    height: 90%;
    width: 75%;
    margin: auto;
    border: 5px ridge;
    border-color: #99BF33;
}
 
ul.menu li.nawigacja {
 
    text-align: center;
    font-size: 100%;
}
 
 
/* Koniec Menu */
 
[CSS] pobierz, plaintext 

Tyle, że chciałbym, aby elementy menu wyświetlały się w jednej linii.

[shark121]

[HTML] pobierz, plaintext 
div#menu_tabela {
 
    background: url(tlo_menu.png);
    height: 90%;
    width: 75%;
    margin: auto;
    border: 5px ridge;
    border-color: #99BF33;
}
 
ul.menu li {
    text-align: center;
    font-size: 100%;
	display: inline-block;
}
 
/* Koniec Menu */
[HTML] pobierz, plaintext