Вы в css полный ноль? Вы просите о помощи, чтобы вам сделали дизайн? А самим?
Всё не так сложно, как кажется на первый взгляд. Эти коды еще никого не убили и не загрызли.

Итак, начнем с основы. Основные блоки. Вот здесь наглядно показана структура блочного дизайна. Тоесть глядя на неё можно понять, какому селектору прописать свойство, чтобы получился желаемый результат.

Если вы хотите применить фон только к контейнеру #page-c, значит прописываем #page-c { background: url('/userdir/трам-пам-пам.gif'); }
Но! В меню есть так же скрытые счетчики, под которыми также будет находиться фон, поэтому для того, чтобы фон был только для видимой части меню, нужно прописать код #side .bordered { background: url('/userdir/трам-пам-пам.gif'); }
Вместо /userdir/трам-пам-пам.gif вы должны поставить ссылку на изображение из вашей библиотеки изображений соответственно в том же формате, тоесть начиная с /userdir.
По аналогии можно прописывать свойства и другим селекторам.
Мануал "Прозрачность и полупрозначность"


Если вы хотите изменить размеры блоков и/или центрирование, то лучше всего использовать вот этот калькулятор. Считать по нему проще простого. У большинства пользователей разрешение экрана 1024х768. Значит нужно уложиться приблизительно в 1000 пикселей. Приведу пример: нужно, чтобы по ширине блоки меню и записей в сумме укладывались в 800 пикселей, значит ставим к примеру 190 пикселей на меню, 10 отступ и 600 пикселей на основной блок. Пишем в окошки 190 10 600 и прописываем положение (0 — слева, 50% — по центру, 100% — справа). Нажимаем Бжжж!
И обратите внимание, что взять нужно только половину кода. Если в вашем дневнике меню слева - берите первую половину кода, если справа - вторую.

Если у вас падает меню на главной странице вашего дневника при просмотре его в IE, значит что-либо растягивает блок записей. Как правило это большие изображения. Старайтесь не выкладывать изображение, ширина которых больше ширины блока записей. Если же они больше, то выкладывайте превью с открытием полного изображения в другом окне.

Если у вас падает меню только в комментариях, и у вас нет в записи ничего, что может растягивать блок, значит у вас растягивают блок добавления комментария поля для ввода логина и пароля, чтобы оставить комментарий от другого пользователя. Чтобы их уменьшить нужно прописать код #fromAnotherName, #fromAnotherPass { width:50px; }
Соответственно вместо 50 пикселей нужно прописать нужное вам число.


Если вы хотите поставить картинку над меню и блоком записей, значит вас интересует экстратоп. Поставить его тоже не составляет труда. Не нужно никаких line-height:100%. Не нужно.
Чтобы поставить экстратоп достаточно этого кода:
#extratop { background: url('/userdir/трам-пам-пам.gif') no-repeat; width: Xpx; height: Ypx; }
где userdir/трам-пам-пам.gif - картинка из вашей собственной библиотеки изображений
X - ширина изображения
Y - высота изображения
Если вы сохраняете настройки и ссылка на изображение пропадает, значит изображение не из вашей библиотеки изображений или вы написали её не в том формате, что я написала выше.

Картинка "под дневником", тоесть экстработтом, ставится аналогично с одним только отличием. Чтобы при просмотре дневника в браузере Opera экстработтом не съезжал вверх, нужно прописать к коду свойство clear:both;
тоесть это будет выглядеть так: #extrabottom { background: url('/userdir/трам-пам-пам.gif') no-repeat; width: Xpx; height: Ypx; float: left; }

p.s. что касается свойств, которые, как я говорила выше, нужно прописывать к селекторам, чтобы получить желаемый результат, всё можно вычитать в учебнике css
Их в яндексе достаточно много. Вот ссылка на один из них - htmlbook.ru/css/ Слева указаны свойства, справа их описание.