У меня проблемы с совместимостью IE с моим сайтом.В настоящее время он припаркован на http://www.verdasconews.com/tiago, пока я все тестирую.Я хотел бы убедиться, что у меня есть совместимость с основными браузерами.В Firefox, Chrome, Opera и Safari он выглядит нормально, но в IE у меня возникают проблемы со слоями заголовка / содержимого div.
Вот скриншот того, как это выглядит в IE http://i.stack.imgur.com/GOaSX.png
Содержимое записи и боковой панели перекрывают заголовок, когда он должен быть скрыт, как это выглядит в других браузерах.
Это CSS для позиционирования:
/* ------ layout ------------------------ */
wrapper {
background:url(img/back2.png) no-repeat center top;
}
contents {
width:959px;
margin:0 auto;
text-align:left;
}
header {
background:url(img/top.png) no-repeat bottom;
height:160px;
}
middle-contents {
background:url(img/side.png) repeat-y;
padding-bottom:50px;
}
left-col {
float:left;
display:inline;
width:584px;
margin:0 0 0 5px;
}
right-col {
float:right;
display:inline;
width:330px;
margin:15px 5px 0 0;
}
footer {
background:url(img/bottom.png) no-repeat top;
height:114px;
margin-bottom:50px;
}
и это мое позиционирование заголовка
/* ------ header ---------------------- */
logo_image {
margin:6px 0 0 4px;
float:left;
display:inline;
}
logo_image h1 {
margin:0;
padding:0;
}
Не уверен, что заголовок точно правильный, так как я спросил друга, который подумал, что это может быть проблемой, и поиск в Google привел меня сюда.Я не профессионал в программировании, но я надеюсь, что кто-то может разобраться, что здесь может быть не так.Я могу предоставить полный CSS при необходимости.Заранее спасибо