Центрированное горизонтальное меню на ul

[Silvandir]

Есть страница фикс. ширины,меню на списках

<div id="navbar">

<ul>

<li><a href="...">1</a></li>

<li><a href="...">2</a></li>

<li><a href="...">3</a></li>

<li><a href="...">4</a></li>

</ul>

</div>

#navbar ul {

float: left;

width: 100%;

padding: 0;

margin: 0;

list-style-type: none;

font-size: 100%;

text-align: center;

border-bottom: 3px solid #fff;

background: #e6e6e6;

color: #000;

}

#navbar a {

float: left;

width: 11.6em;

height: 25px;

text-decoration: none;

color: #009;

background: #E6e6e6;

padding: 0.2em 0.2em;

border-right: 2px solid #f90;

}

Можно ли сделать, чтобы оно размещалось по центру страницы (кроме варианта подбора ширины элементов)?

[Softlink]

Так?

[Silvandir]

Так?

Вроде да, щас проверю. Спасибо за быстрый ответ.

[Silvandir]

Так?

Да, спасибо, все так. Только появилось небольшое поле снизу и сбоку элементов. При наведении мыши цвет фона меняется, и это заметно.

http://savepic.net/2965771.htm

Это как-то можно исправить?

[Silvandir]

Вроде поправил. В #navbar ul убрал background (убралось поле снизу), в #navbar li поставил отрицательный margin (убрались пробелы между пунктами меню). Может, можно это было более правильно сделать?

[Softlink]

Вроде поправил. В #navbar ul убрал background (убралось поле снизу), в #navbar li поставил отрицательный margin (убрались пробелы между пунктами меню). Может, можно это было более правильно сделать?

http://css-live.ru/articles/zagadochnye-otstupy-mezhdu-inlajn-blokami.html

[Silvandir]

http://css-live.ru/articles/zagadochnye-otstupy-mezhdu-inlajn-blokami.html

Исчерпывающе. Большое спасибо!