Фоновое изображение не по центру в IE6

Question

Я пытаюсь использовать фоновое изображение тела, выровненное по центру, но оно не работает в IE 6. CSS для тела:

body{line-height: 160%;font-family: "Trebuchet MS", sans-serif; font-size: 80%; 

/*     background: #000a28 url('img/main_bg.png') no-repeat center top;*/
background-image:url('img/main_bg.png');
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center top;
background-color: #000a28;
width: 100%;
margin: 0 auto;
color: #ffffff;
text-align: center!important}

Для IE 6 я написал следующий CSS

body {
  text-align:center;
}

#main-wrapper {
  margin:0 auto;
  width:960px;
  text-align:left;
}

Пожалуйста, помогите мне.

Answer 1

Причина, по которой он не работает, в том, что вы используете прозрачный png-скрипт SuperSleight.Поскольку скрипт запускается только после того, как все загружено, фон сначала центрируется, а затем переходит обратно влево при запуске скрипта.Насколько я знаю, AlphaImageLoader не позволяет изменить положение фона.

Попробуйте использовать вместо этого сценарий: http://www.dillerdesign.com/experiment/DD_belatedPNG/. Он использует другое решение, которое должно использовать фоновое положение.

Answer 2

Попробуйте мой код вместо свойств вашего тела

body{
background:url('img/main_bg.png') #000a28 no-repeat center top;
color: #ffffff;
font-family: "Trebuchet MS", sans-serif; 
font-size: 80%;
line-height: 160%;
text-align: center;
}