Уезжает меню, HELP!

[ce-ce]

Ребята, меню наверху с кодом

#headermenu{
    margin:0;
	clear:both;
	width:1000px;
	height:82px;
	background:url('../image/jp/header_menu.png') center no-repeat;
	margin:auto 10% auto 10%;
	position:fixed;
	top:65px;
	z-index:1002;

При расширении на большой экран не остается по центру, а уезжает левее. Как сделать так, чтобы оно оставалось по центру?? =(

Ссылка на скриншот:

[mrnobody]

Ты указал маржин справа и слева по 10%, а верх и низ auto. Нужно наоборот (если вертикальные отступы не нужны, то можно написать margin: auto;)

Вот:

#headermenu{
    margin:0;
        clear:both;
        width:1000px;
        height:82px;
        background:url('../image/jp/header_menu.png') center no-repeat;
        margin: auto;
        position:fixed;
        top:65px;
        z-index:1002;
}

Почитай Как выровнять слой по центру веб-страницы?

Ой, не обратил внимание на position: fixed; А зачем оно тебе?, из-за его ничего не получится

Edited June 27, 2012 by mrnobody

[ce-ce]

Ты указал маржин справа и слева по 10%, а верх и низ auto. Нужно наоборот (если вертикальные отступы не нужны, то можно написать margin: auto;)

Почитай Как выровнять слой по центру веб-страницы?

Ой, не обратил внимание на position: fixed; А зачем оно тебе?, из-за его ничего не получится

Спасибо за то, что хотел помочь)

Фиксированный мне нужен для того чтобы меню было фиксированным и при прокрутке не уходило наверх. Не знаю насколько это правильно, но я В общем сделала так:

#headermenu{
    margin:0;
	clear:both;
	width:95%;
	height:82px;
	background:url('../image/jp/header_menu.png') center no-repeat;
	margin:auto 5% auto 5%;
	position:fixed;
	top:65px;
	z-index:1002;