Центрирование менюшки

[Oliany]

Приветик всем.

Пытаюсь позиционировать менюшку строго по центру. В ИЕ6 центрируется нормально, но мозилла сдвигает ее влево. Ставлю в двух дивах. Не пойму, что не так.

Заранее спасибо за поддержку.

Код такой:

/*——————headmenubox—————-*/
#headmenubox {position:absolute;
 top: 290px;
 width: 795px;
 height: 30px;
 margin-left: auto;
 margin-right: auto;
 background-color: #F7F2EE;
 border: 2px outset;
 z-index:3;}

/*——————header-menu—————-*/

#header-menu {position:relative;
 top:0;
 width: 90%;
 height:auto;
 padding-left:;
 margin:0 auto;
 font-family: Times New Roman, serif;
 text-align: center;
 font-weight: bold;
 font-style: italic;
 background-color: #F7F2EE;
 color: #d2d2d2;
 z-index:3;

 }

#header-menu ul {
 width:100%;
 height: auto;
 list-style: none;
 padding-top: 2px;
 border: 0;
 }

#header-menu li {
 width:100%;
 position:relative;
 }

#header-menu li a {
 height: 30px;
 display: block;
 float:left;
 font-weight: bold;
 padding: 0 20px 1px 0;
 border-left: 1px solid #D3D3D3;
 border-right: 1px solid #696969;
 border-bottom: 1px solid #000;
 border-top: 1px #fff;
 background-color: #F7F2EE;
 color: #A47939;
 text-decoration: none;
 text-align:center;
 text-indent: 20px;
 font-size: middle;

 }

html>body #header-menu li a {
 height: 25px;
 margin: 0 auto;
 }

#header-menu li a:hover {
 border-left: 2px solid #CACA94;
 border-right: 1px solid #fff;
 background-color: #5A99C5;
 color: #fff;
 }

#header-menu ul li{
 list-style-type:none;
 display:inline;
 }

#header-menu a:active {background-color: #980000;
 color: blue;}

#header-menu a:visited {color: #A47939;
 }

и хтмл

<div id="headmenubox"><!--headmenubox start -->
 <div id="header-menu"><!--header-menu start -->
<ul>
 <li><a href="#1"><span>О нас</span></a></li>
 <li><a href="#2"><span>Из истории</span></a></li>
 <li><a href="#3"><span>Работа</span></a></li>
 <li><a href="#4"><span>Фотографии</span></a></li>
 </ul>
</div><!--header-menu end -->
</div><!--headmenubox end -->

[klierik]

margin-left: auto;
 margin-right: auto;

можно просто писать как margin: 0 auto;

padding-left:;

это что такое? тут синтаксическая ошибка и стили прописанные ниже - не работают.

html>body

надеюсь вы знаете что данная конструкция не работает в ИЕ

так. теперь по делу. у меня ни в ФФ2 ни в ИЕ7 не центрируеться.

/*——————headmenubox—————-*/
#headmenubox {
 position:absolute;
 top: 290px;
 width: 795px;
 height: 30px;
 left:50%;
 margin-left: -396px;;
 background-color: #F7F2EE;
 border: 2px outset;
 z-index:3;
}

а вот так уже получше =) там еще есть косметические баги в ИЕ7, думаю сами пофиксите

[Oliany]

Пребольшое спасибо. А то я уже всяко его верчу, глаз притерся, кое-что пропустила.

Еще раз спасибо!

[Dimitry Wolotko]

Перемещено в раздел: "Проблемы с версткой"