Кто-нибудь знает почему и что с ним делать?
Скрин
Код

Я пришла к выводу, что проще спросить, чем мучаться дальше... читаю-читаю, но не могу найти ответ...
Текущий дизайн у меня в дневнике.
Что мне нехватает для счастья:
1. Зафиксировать меню слева сбоку но с условием, что блок записей не будет наезжать на рисунки сверху... там экстартоп (пустой, но я думаю туда переместить название дневника и два блока в которых именно и расположены рисунки. Рисунки переместить не могу иначе они так не примыкают к краю экрана)
2. После этого я хочу справа от блока записей расметить рисунок... лежащую ручку.
3. Когда разберусь с этим, под меню с лева надо будет подставить картинку... тут вопрос - ладно мне видно меньшее количество ссылок, но гостям? У них же добавляются ссылки - я боюсь, что из за этого на небольшом экране меню будет длиннее и появится скролбар вниз... могу максимально почистить свои ссылки, что б для ихних осталось место. Но как расчитать длинну рисунка? что б хватило... или можно как то прописать колонку ссылок с фоном в виде необходимого рисунка (это будет лист бумаги) - но тогда верху колонки надо будет сделать шапочку... типа куска листа со скрепкой...
Все необходимые рисунки выложила в альбом (ручка нарисована схематически=))))
4. После этого остается блок с записями... можно сделать ему фон? В Альбоме есть заготовка - белый рисунок для фона... я потом его заменю на рисунок под лист бумаги. Его можно замостить как фон записей и фон комментариев и вообще фон всего блока?
Вот что у меня сейчас в коде:
#myLinks, #thisDiaryPhoto, #YaSearch, #lastComments, #pchs, #randomDiaryLink, #postsCalendar, #rssLink, #tagslistlink, #upInChart, #albumLink, #myProfileLink, #discussionLink, #faqLink { display:none; }
#add_block1 { background:url('/userdir/5/4/9/6/549613/41907659.jpg' ); height:242px; left:0px; position:absolute; top:0; width:436px; z-index:-1; }
#add_block2 { background:url('/userdir/5/4/9/6/549613/41907668.png' ); height:178px; position:absolute; right:0; top:0; width:694px; z-index:-1; }
#extratop { height:242px; position:relative; top: 10px; width:100%; z-index:10;}
#wrapper{min-width:870px!important;width:870px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
#side{width:180px !important;margin:0 !important}
#page-c{width:680px !important;padding:0 !important;padding:0 !important}
#page-t {margin:0 !important}
ПС: я новичок, знаю неплохо HTML, а в CSS пока только разбираюсь... очень надеюсь на вашу помощь... 
Уважаемые! Помогите разобраться. Возможно ли в приницпе вставить в экстратоп какой-то виджет, что бы в поле экстратопа постоянно
отображалась информация с другого сайта в виде бегущей строки?
Если возможно, PLEASE, подскажите как это воплотить в жизнь.
Прописываю дизайн в CSS - пишу код с ссылкой на изображение (для примера часть всего кода дизайна):
body {padding: o auto !important; margin: 0 auto !important; padding:0 !important; font-size: 14px; background: url(static.diary.ru/userdir/5/4/9/6/549613/41908487...);}
Код ввела полностью в окошко Css - снизу он отображается корректо. Нажимаю кнопочку сохранить и вместо того дизайна, что я видела - никаких картинок не показывается а сам код, который я напечатала выглядит следуйщим образом: body {padding: o auto !important; margin: 0 auto !important; padding:0 !important; font-size: 14px; background: #;}
Почему после нажатия "сохранить" исчезают ссылки из кода?