“Оцентровать” страницу в Css для Ie

Уважаемые форумчане!
Помогите новичку.
посмотрите эту страницуhttp://daniel.guide-moscou.com/

в мозилле всё хорошо, блоки располагаются по центру, а вот в ИЕ- страница была сдвинута на левый край, так как margin: o auto он не понимает
Из всего,что пробовал, помогло только добавление к body в css text-align: center;

Всё вроде бы нормально, но теперь содержимое и текст в блоках тоже весь по центру :/
Мне это совсем ни к чему, надо как в мозилле.
Начал пробовать править у каждого атрибута в отдельности отступы и поля: запутался и уже заболела голова. Вернул всё обратно.

Может есть какое-то простое решение, чтобы фиксануть эту проблему? 🙁

Вот нынешний css

*/
body
{
font-family:Times New Roman;
background:#fff url("images/bk-body.gif") repeat top center;
margin:0px auto 0 auto;

}

img
{
border:0;
display:inline;
}

#top
{
height:220px;
background:url("images/bk-top.jpg") repeat-x top center;
color:Blue;
}

#top-drop-shadow
{
height:28px;
background:url("images/top-drop-shadow.gif") repeat-x top center;
}

#header
{
width:803px;
margin:0px auto 0 auto;
height:220px;
background:url("images/bk-header.jpg") ;
position:relative;
color:green;
}

#sitetitle a
{
position:absolute;
text-decoration:none;
color:#fff;
font-size:35px;
top:65px;
left:16px;
}

#sitetitle a:hover
{
position:absolute;
text-decoration: underline;
color:#fff;
font-size:35px;
top:65px;
left:16px;
}

#stamp
{
width:118px;
height:117px;
background:url("images/stamp.png") no-repeat top left;
position:absolute;
right:-21px;
top:88px;
}
*html #stamp
{
background:none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src='images/stamp.png', sizingmethod='scale');
}

#content
{
background:#fff url("images/bk-content.jpg") no-repeat top left;
width:803px;
margin:0 auto;

}

#mainnav
{
position:absolute;
top:183px;
left:189px;
margin:0;
padding:0;
height:36px;
}

#mainnav li
{
font-size:16px;
font-weight:bold;
line-height:100%;
float:left;
margin-left:10px;
margin-top:12px;
color:#fff;
}

#mainnav li a
{
color:#fff;
text-decoration:none;
margin-right:10px;
}

#mainnav li a:hover
{
text-decoration:underline;
color:#fff;
}

/*content
--------------------------------------*/

a, a:hover
{
color:#108070;

}

h1
{
font-size:18px;
line-height:100%;
margin:0 0 12px 0;
padding:12px 0 0 0;
color:#CC0033;
}

h2
{
margin:20px 0 0 0;
padding:0 0 10px 0;
color:#9933FF;
font-size:15px;
}

p
{
font-size:12px;
color:#333;
line-height:150%;
margin:0 0 20px 0;
padding:0;
}

p a, p a:hover
{
color:#333;
}

p.blue, p.blue a, p.blue a:hover
{
color:#108070;
}

p.bottom
{
margin-bottom:0;
}

ul
{
list-style-position:outside;
list-style-type:none;
}

#nav
{
float:left;
width:150px;
display:inline;
margin-top:28px;
margin-right:17px;
padding-left:21px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}

#commentform textarea {
width: 550px;
}

#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}

#commentlist li .avatar {
float: right;
margin-right: 25px;
border: 1px dotted #ccc;
padding: 2px;
}

#content #nav .top
{
margin-top:0;
}

#content #nav ul
{
font-size:14px;
line-height:160%;
margin:0;
padding:0;
color:#666;
}

#content #nav ul li
{
margin-bottom:8px;
}

#content #nav ul li a, #content #nav ul li a:hover
{
color:#108070;
}

#center
{
float:left;
width:614px;
display:inline;
}

#content .top
{
margin-top:22px;
}

#content .item
{
background: url("images/line.gif") no-repeat 0 5px;
position:relative;
margin-top:18px;
}

#content .item .date
{
color:#666;
font-size:10px;
position:absolute;
right:10px;
}

#content #center ul
{
padding:0 0 10px 0;
margin:0 0 0 0;
font-size:12px;
color:#333;
}

#content #center ul li
{
background:url("images/bullet.gif") no-repeat left center;
padding-left:10px;
margin-bottom:10px;
}

#content img
{
border:solid 5px #eee;
margin-bottom:20px;
}

#content #footer
{
background: url("images/line.gif") repeat-x;
position:relative;
margin-top:18px;
margin-right:10px;
}

#content #footer ul li a
{
font-size: 11px;
color: #999;
}

#content #footer ul li a:hover
{
font-size: 11px;
color: #999;
}

#content #footer ul li
{
display: inline;
background: none;
padding: 0 5px 0 0;
}

#rss-link
{
display:block;
text-indent:-9999px;
width:77px;
height:71px;
position:absolute;
top:172px;
left:46px;
outline:none;
}

Спасибо всем за ответы!:))))))))))))))))
Решение оказалось в установке доктайпа!

Anonymous
Отправить
Ответ на: