Как центрировать контент DIV с помощью градиентного фона в IE?

Question

Работает для Firefox, Safari и Chrome, но не для IE.Я пытался дать width и затем margin-left:auto; и margin-right:auto; Пожалуйста, помогите.

Вот ссылка http://www.ellenselbiedesign.com/public/testing/index.html

Вот мой CSS

* {
padding: 0px;
margin: 0px;
}

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px;
background: #aad3d9; /* old browsers */
background: -moz-linear-gradient(top, #80BCC5 0%, #ffffff 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80BCC5), color-stop(100%,#ffffff)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80BCC5', endColorstr='#ffffff',GradientType=0 ); /* ie */ } /* corresponds to height of #footer */

#body-wrapper {
height: 100%;
width: 100%;
}

#header {
width: 960px;
margin-left:auto;
margin-right:auto;
}

#header img {
padding-top: 15px;
}

#header p{
color: #784f78;
font-size: 15px;
font-family: Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:right;
margin-top: -33px;
line-height:90%
}

Answer 1

<!-- /3337993/kak-zastavit-css3-gradient-ohvatyvat-vysotu-vsei-stranitsy-a-ne-tolko-oblasti-prosmotra -->

Поздравляю.Ваш IE сейчас находится в режиме Quirks.В режиме Quirks IE действует как IE5.5, поэтому он не поддерживает margin: 0 auto.Попробуйте удалить комментарии до <!DOCTYPE>, так как комментарии до <!DOCTYPE> заставляют IE использовать режим причуд.

Answer 2

дать выравнивание текста: центр;к родительскому элементу и установите его обратно влево в самом элементе

#body-wrapper { text-align: center }
.wrapper { text-align: left }