Элемент #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 - в остальных */