problem z menu poziomym Opcje

[przesq]

Witam,
Mam do zrobienia prostą stronkę i mam menu, które różnie w różnych przeglądarkach wygląda - w firefox jest do przyjęcia. Dodatkowo chciałbym aby całość była na środku.
Jak dam na początku div align="center" to jest na środku, ale wiem, że align="center" nie jest poprawnym rozwiązaniem.
Kawałek kodu:

[HTML] pobierz, plaintext 
<style type="text/css">
/* <![CDATA[ */
 
html, body {
    font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px; 
	padding: 0px; 
	margin: 0px;
	height: 100%;
	background-color: #777777;
}
 
#NAGLOWEK {
    width: 998px;
    text-align: center;
    background-color: black;
}
 
#NAGLOWEK ul {
	display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: center;
    width: 800px;
}
#NAGLOWEK ul li {
    display: table-cell;
    list-style-type: none;
    padding: 14px;
    margin: 0;
    white-space: nowrap;
    background-color: white;
    text-align: center;
    min-width: 120px;
}
 
/* ]]> */
</style>
 
<div id="NAGLOWEK">
<ul>
	<li><a href="">Strona główna</a></li><li style="border-left: solid 2px #ff6633;"><a href="">Strona 2</a></li><li style="border-left: solid 2px #ff6633;"><a href="">Strona 3asdf</a></li><li style="border-left: solid 2px #ff6633;"><a href="">Strona 4f</a></li><li style="border-left: solid 2px #ff6633;"><a href="">Strona 5aaa</a></li>
</ul>
</div>
 
[HTML] pobierz, plaintext 

Jak sprawdzam ten kawałek kodu to w IE ułożyło się jeden pod drugim natomiast na stronie mam prawidłowo.
W chrome jest do lewej strony.

Może ma ktoś lepszy pomysł na to - miałem to menu na tabeli zrobione, ale nie chcę stosować tabel.