Список сдвигается только в IE...

[kireyev]

Создаю список ul по центру вытянутый в строку. Все прекрасно, но почему-то именно IE сдвигает его вправо где-то на 20 пикселей. Если в "ul#links {...}" изменить "margin-left: auto;" на "margin-left: 0;", то в IE встает все по центру как надо, зато в других браузерах блок прилипает к левому краю! Что делать? Перепробовал все что смог...

#main
{
 text-align: center;
}
ul#links
{
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 list-style-type: none;
 margin-top: 0;
 padding: 5px 0 5px 0;
 width: 800px;
}
ul#links li
{
 padding-left: 26px;
 list-style-type: none;
 background:url(pic/kr.png) no-repeat 10px 50%;
 display: inline;
}

[Scrum]

у меня везде все одинаково. Поясните проблему.

[Mordraug]

вместо вот этого:

#main
{
 text-align: center;
}

пропишите прямо в div'e align="center"

[kireyev]

у меня везде все одинаково. Поясните проблему.

У ul есть собственный отступ. Причем отображается он похоже только в IE (кстати IE у меня 7.0.5730.13). И как бороться с ним я не знаю. Если все нормульна в лисе и опере, то в IE - косяк. Если все нормально в IE, то в опере и лисе вообще ужасно (к левому краю прилипает).

[kireyev]

вместо вот этого:

#main
{
 text-align: center;
}

пропишите прямо в div'e align="center"

А какой эффект это дает? Ничего же не меняется...

[Scrum]

kireyev

давайте посмотрим что вы делаете.

у вас есть список ul в фиксированной шириной 800рх который вы выравнивает по центру (margin: 0 auto) относительно #main

итого если у меня разрешение 1024 то блок ul шириной 800рх будет расположен по центру, а слева и справа будет отступ до краев экрана (браузера) по 112рх.

может взглянем на картинку ?

[Vlad]

Для #main задай margin: 0 auto, а для UL - margin-left: 0;