попробуйте вот этот код удалить: #postsArea { position:relative; top: 200px; left:5px; }

Сардоникс
без этой строчки совсем туго: эпиграф накладывается на экстратоп (даже в родной опере)

тогда возможно нужно опустить еще и #commentsArea на нужное количество пикселей. Примерно как у вас уже сделано тут - #addCommentArea { position:relative; top:200px; }

S3nger
Добавила
#commentsArea { position:relative; top:200px; }
"Оно" всё равно не сдвинулось.

А эта строчка тоже создает проблемы:
#addCommentArea { position:relative; top:200px; }
Для редактирования комментария подходит замечательно, ибо вверху страницы - экстратоп. А если просто смотреть комменты после записи - #addCommentArea находится на 200 пикселей ниже последнего комментария (в опере тоже) И я опять же не представляю себе, как это чинить...

/мой моск сожран ктулху/

гадание на кофейной гуще можно считать открытым!)))
1. в экстратопе, в ссылке на картинку убрать "b". вот здесь: background: url('/userdir/1/4/0/6/140658/22961351.jpg'b)
2. убрать .for_commentsArea { position:relative; bottom:200px; }. ибо я не пойму вообще откуда это взялось и почему там отступ снизу, если нужно опустить.

это не эксплорер сакс, а надо писать правильно...

.avatar {float:none !important;}

начерта?

Халёпушка ,кароч, нафига вам столько position: relative? не проще сделать красиво и правильно, чем потом косяки таким задним местом править?!

S3nger
1. в экстратопе, в ссылке на картинку убрать "b". вот здесь: background: url('/userdir/1/4/0/6/140658/22961351.jpg'b)
Буквы "бы" нет в коде. Это запись (здесь, в сообществе) смайлы преобразовала в картинки, а потом обратно в текст. Здесь точно не в этом проблема. Экстаратоп отображается нормально.
2. Это я экспериментировала, уберу, но оно всё равно ни в какую сторону не сработало.
Astrom
Значит, надо. Эта часть кода идет для того, чтоб имя автора коммента, аватар и подпись сидели на своем месте в комментах и избранном, и никуда не уползали. Кусок кода брала целиком, подбирала только циферки, и своё дело этот кусок делает.
Astrom
а как красиво и правильно? position: absolute?

Халёпушка, ну слава богу что не в букве "бы" проблема. Я бы тогда истерично хохотал часа полтора, не меньше. А по поводу экспериментов у меня такие мысли:
(это в том случае, если так еще не делала) убираем совсем .for_commentsArea { position:relative; bottom:200px; } и добавляем #commentsArea { position:relative; top:200px; }.

А по поводу position:relative и position:absolute - нужно понять, зачем вообще нужны эти свойства.
relative - это когда элемент располагается относительно родительского, и положение его можно изменять (по отношению к стандартному) с помощью атрибутов top и left.
а absolute- это когда положение элемента в родительском на зависит от других элементов.
Но так как длина записи у нас плавающая, то абсолютное позиционирование не подходит для выравнивания блоков комментов.
Значит, мы или плюем на все эти явные объявления position:relative, и убираем их везде и ищем другие способы, или придумываем совсем уж нереальные вещи.
Ну а проще всего, это помучать гуру CSS.

S3nger
Спасибо за помощь. От души!
#commentsArea { position:relative; top:200px; } - уже пробовала, вы же и советовали выше, но увы...
Про позиционирование я вроде как понимаю, читала вот тут: htmlbook.ru/css/position.html

А началось всё с того, что на экстратоп поставила картинку(не фоновую)... Естественно, все остальные блоки пришлось подвинуть вниз. А как? position:relative показалось проще всего: беру блок, сдвигаю вниз на столько-то относительно места, где было, а если мало или много - меняю цифру.
Я бы позиционировала абсолютно, но очень сбивает с толку то, что блоки называются одинаково и на странице дневника, и в избранном, и при комментировании. Они ведь мне не всегда в одной и той же точке экрана нужны, верно? Вот и изощряюсь...

Боюсь, прийдется опять своей головой думать, не захочет гуру со мной возиться...

Случилось чудо! Посреди ночи у меня заработал моск! Покопавшись в исходном коде, он выдал решение:
#JournalComments #commentsArea { position:relative; top:175px; }
Без запятой. Первый ид всей страницы с комментами, второй - комментарии на этой странице, начиная с первого, что мне и надо.
И оно сработало!!!
А теперь скажите, товарисчи: разве вы этого не знали? Оказывается, всё так просто! Ну почему было не подсказать?
/а мну всё равно довольна-предовольна!/

Не за что) самому интересно было...
А вот это решение - вообще полный дурдом, скажу я вам))) Надо тоже почитать про css, может и не такое всплывет.))