Элемент #extrabottom (<div id="extrabottom"> в IE воспринимается как ожидаемо, т.е. его содержание появляется внизу страницы под контентом. Так что код типа
#extrabottom { width: 740 height: 200 background: url("/userdir/3/9/6/7/396765/15642646.jpg") no-repeat; }
отображает внизу страниц дневника такую-то картинку.
А вот в Опере и FF он отображается не там, где нужно - а "сползает" на самый верх и принимает то же положение, что и #postsArea, соответственно перекрываясь им.
читать дальше
Решение:
#extrabottom { float: left; }
Сползающую ширину блока можно поправить
#extrabottom { width:740//width:750 }
/* 750px - в IE, 740px - в остальных */