[Aloria]

Какая-то странная проблема...
Во всех браузерах все нормально, ИЕ8 выдает вот такую ерунду:

Уже всю голову сломала, почему картинка так съезжает...

код

body{background: url('/userdir/1/0/0/9/100983/58957781.jpg') #000 center top no-repeat; padding: 0 !important; margin: 0 !important; font-family: Verdana,Tahoma,Arial,Serif; }
#wrapper {width: 1000px !important; margin: 0 auto 40px auto; background: #fff url('/userdir/1/0/0/9/100983/58958909.jpg') repeat-x center 200px; position: relative; padding: 0 !important; }
#extratop {width: 1000px; height: 200px; background: #000 url('/userdir/1/0/0/9/100983/58962278.jpg') no-repeat center top; }
#postsArea {padding-top: 60px; }
#side h1 a {position: absolute; top: 120px; left: 130px; color: #AAF0F0 !important; letter-spacing:-1px; font-size: 48px; font-family: times,Arial,Verdana,Georgia,Serif; font-weight:lighter; border: none !important; }
#side h1 a:hover {color: #f2ffbb !important; text-decoration: none; }
#authorName {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 110px; display: block; width: 79px; height: 30px; padding-top: 15px; text-align: center; border: none !important; }
#authorName:hover, #myDiaryLink:hover, #discussionLink:hover, #writeThisDiary:hover, #mainpageLink:hover, #myCommunityLink:hover {background: url('/userdir/1/0/0/9/100983/58959683.gif'); }
#myDiaryLink, #myCommunityLink {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 190px; display: block; width: 150px; height: 30px; padding-top: 15px !important; text-align: center; }
#myDiaryLink a, #mainpageLink a, #discussionLink a, #writeThisDiary a, #myCommunityLink a {color: #fff !important; border: none !important; }
#myDiaryLink b, #mainpageLink b, #allDiaryLink b, #all_links b, #myCommunityLink b {font-weight: normal !important; }
#discussionLink {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 350px; display: block; width: 150px; height: 30px; padding-top: 15px !important; text-align: center; }
#writeThisDiary {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 510px; display: block; width: 150px; height: 30px; padding-top: 15px !important; text-align: center; }
#mainpageLink {color: #fff; font-size: 14px; position: absolute; top: 200px; left: 670px; display: block; width: 150px; height: 30px; padding-top: 15px !important; text-align: center; }
a {color: #0B3C77; text-decoration: none !important; border-bottom: dotted 1px #0B3C77; }
a:hover, #lastComments a {border: none !important; }
#side {padding-top: 25px; }
.postDate {color: #004EC1 !important; text-align:center; font-size: 18px !important; }
.header {color: #787878; }
.pageBar a {border: none !important; }
textarea, input {color: #000 !important; background: #fff !important; border: dotted 1px #0B3C77 !important; }
#lastComments_title {margin-bottom: 10px; }

Comments

[MysteryLove]

Посмотрела, удалось только понять, что в ИЕ8 у враппера вверху образуется небольшой промежуток из-за кода a {border-bottom: dotted 1px #0B3C77; }.
Убрать промежуток не удалось, только если или убрать этот код, или абсолютно позиционировать враппер (+ задать его свойствам top, left и т.п. = 0 и отпозиционировать другие элементы, если необходимо)

[Aloria]

MysteryLove, офигеть. Никогда бы не подумала, что может быть связано...
Прописала бордеры отдельно для меню и postsArea - экстратоп встал на место. Интересно, что ему не нравилось? Какие там ссылки могут быть?
Спасибо за наводку.

[Aloria]

Ааааа... там наверху якорь #top стоит в коде... Причем без id, круто.
Остальные браузеры его не видят, т.к. пустой, а ИЕ выделился, гаденыш.

[MysteryLove]

Aloria

там наверху якорь #top стоит в коде...

Это где, в каком коде? И это как-то связано с этим промежутком?

[Aloria]

MysteryLove, в коде страницы (HTML) наверху, над экстратопом стоит якорь: <a name="#top"></a>. То есть, пустая ссылка, которая нужна для того, чтоб отправлять наверх страницы, если это необходимо. Например, если вы в пост вставите ссылку вида <a href="#top">наверх</a>, то при нажатии на нее браузер перебросит на верхнюю часть этой же страницы.
Поскольку ссылка пустая (в ней даже неразрывного пробела нет), то нормальные браузеры не придают ей значения. А ИЕ вот увидел, придал и даже бордер добавил, который, конечно же, тоже не было видно (содержимого-то нет). А вот лишний пиксель добавился, оттого экстратоп и сдвинулся вниз.
Если бы вы не сказали, что это из-за ссылок, я бы в жизни не полезла проверять. Обычно таким ссылкам, помимо name, присваивают id, но это явно не наш случай... И что-то отдельно для нее прописать нет никакой возможности.

[MysteryLove]

Aloria понятно)))