- все съезжает

[diaryCSS]

Здравствуйте, сделала дизайн, и повылазили проблемы.

Решеный вопрос

Вот так должно выглядеть, и в общем-то выглядит:


Но когда меняешь размер окна все съезжает, та же песня с разрешением экрана.


Как прописать так, чтобы все это меню не съезжало? В настройках стоит что оно "справа". код привожу ниже

body {background-attachment:fixed}
 #wrapper{ background: #ffffff; min-width:970px !important; width: 970 position: center !important; margin-top: -10px !important; margin-bottom: 0px !important; padding: 0 !important; -webkit-box-shadow: 0px 0px 15px #707172; -moz-box-shadow: 0px 0px 15px #707172; box-shadow: 0px 0px 15px #707172; -webkit-border-radius: 10-moz-border-radius: 10border-radius: 10 }
 #extratop { background: url('/userdir/1/4/1/5/14155/58323755.png') !important; no-repeat; height:300 width:970 margin-top: 0px !important; margin-left: 0px !important; padding-top:0px !important; }
 {------------------------------------------------------- меню горизонтальное-------------------------------------}
 #side {margin-left: 90px !important; position: absolute; top: 00 width:970 background: # 0 0 no-repeat; margin-left: 0px !important; text-transform: no; font: 12px Book Antiqua !important; }
 #postsCalendar {position: absolute; top: 80 right: 200 width: 131 height: 80 background: # 0 -50px no-repeat; padding: 130px 0 0 0px !important; text-align: center;}
 #tagslistlink {position: absolute; top: 80 right:-30 width: 150 height: 80 background: # 0 -50px no-repeat; padding: 130px 60px 0 35px !important; text-align: center;}
 #TagsList{ width: 150 font-size:80% !important; font-weight: normal !important; font-size: 8px !important; margin: 0px 0px 0 -5px !important; padding-bottom: 1px !important; text-transform:none; text-align:left; background: #ffffff; -webkit-box-shadow: 0px 0px 5px #707172; -moz-box-shadow: 0px 0px 5px #707172; box-shadow: 0px 0px 5px #969696; -webkit-border-radius: 10-moz-border-radius: 10border-radius: 10 opacity:.90 !important; filter: alpha(opacity=90); -moz-opacity: 0.90;}
 #tagslistlink a, #postsCalendar a, #addToFav a, #delFromFav a, #writeToAuthor a, #subscribeEmail a, #unsubscribeEmail a {color: #91735E !important; font-weight: bold !important;}
 #tagslistlink a:hover, #postsCalendar a:hover, #addToFav a:hover, #delFromFav a:hover, #writeToAuthor a:hover, #subscribeEmail a:hover, #unsubscribeEmail a:hover {color: #03578E !important;}
 #addToFav, #delFromFav {position: absolute; top: 80 left: 440 width: 181 height: 80 background: # 0 -50px no-repeat; padding: 130px 0 0 0px !important; text-align: center; }
 #writeToAuthor {position: absolute; top: 80 left: 240 width: 190 height: 80 background: # 0 -50px no-repeat; padding: 130px 60px 0px 15px !important; text-align: center;}
 #writeToAuthor {word-wrap: break-word; }
 #subscribeEmail, #unsubscribeEmail {display: none; }
 #side h1 A { position: absolute; top: 165 left: 500 font: bold 32px Book Antiqua !important; width: 470 color: #0E5F95 !important; opacity:.50 !important; filter: alpha(opacity=50); -moz-opacity: 0.50;}
 #side h1 a:active, #side h1 a:hover { position: absolute; top: 165 left: 500 font: bold 32px Book Antiqua !important; width: 470 color: #0E5F95 !important;opacity:.70 !important; filter: alpha(opacity=70); -moz-opacity: 0.70; }
 #authorName { position: absolute; top: 100 left: 810 font: bold 10px Book Antiqua !important; width: 170 color: #0E5F95 !important;opacity:.60 !important; filter: alpha(opacity=60); -moz-opacity: 0.60;}
 #authorName a { position: absolute; top: 100 left: 810 font: bold 10px Book Antiqua !important; width: 170 color: #0E5F95 !important;opacity:.60 !important; filter: alpha(opacity=60); -moz-opacity: 0.60;}
 #authorName a:active, #authorName a:hover { position: absolute; top: 100 left: 810 font: bold 10px Book Antiqua !important; width: 170 color: #0E5F95 !important; opacity:.60 !important; filter: alpha(opacity=60); -moz-opacity: 0.60;}
 {------------------------------------------------------- меню вертикальное -------------------------------------}
 .menuSection { margin-left: 5px !important; width:231 }
 #myDiaryLinks { margin-left: 90px !important; margin-top: -10px !important;}
 #myDiaryLink, #writeThisDiary, #myDraftLink, #umailLink, #myFavLink, #myQuotLink, #discussionLink, #myLinksLink, #myProfileLink, #optionsLink { border-bottom: 0px solid #000; width:170px !important; text-align: left; padding: 0px !important; }
 #globalLinks { margin-left: 90px !important; margin-top: -10px !important;}
 #mainpageLink, #myCommunitiesLink, #myCommunityLink, #iAmQuit { border-bottom: 0px solid #000; width:170px !important; text-align: left; padding: 0px !important;}
 #Stats { border-bottom: 0px solid #000; width: 160px !important; text-align: right; padding: 0px !important; margin-left: 0px !important; margin-top: 0px !important;}
 #thisDiaryPhoto, #favListLink, #pchListLink, #photolibLink, #albumLink, #myNotepadLink, #upInChart, #YaSearch, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #authorRSS, #rssLink, #login_form, #lastComments, #pchs, #headlineList, #allDiaryLink, #faqLink, #communityCatalogueLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink {display: none; }
 #thisDiaryInfo { position: absolute; top: 50 left: -6 margin-left: 0px !important; width:361 height: 60 text-align: left; background: # no-repeat;}
 {------------------------------------------------------- персональные ссылки-------------------------------------}
 #myLinks { position:absolute; top: 0 right: 60 width: 570 font: bold }
 #all_links {display:none!important}
 #myLinks li:nth-child(2) a { position:absolute; top: 0 right: 0font: bold !important;}
 #myLinks li:nth-child(3) a { position:absolute; top: 0 right: 130 font: bold !important;}
 #myLinks li:nth-child(4) a { position:absolute; top: 0 right: 230 font: bold !important;}
 #myLinks li:nth-child(5) a { position:absolute; top: 0 right: 380 font: bold !important;}
 #myLinks li:nth-child(6) a { position:absolute; top: 0 right: 530 font: bold !important;}
 {------------------------------------------------------- записи и каменты -------------------------------------}
 #page-c{ background: #; width: 970 margin: -50px 23px 20px 0px !important; border: 0px solid #dad9de; }
 #sortOrder {display:none!important}
 #page-t { margin: 0px 0 0 0px !important; background: # 970px 0 no-repeat; padding-left: 10px !important;}
 #postsArea { padding-top: 5px !important; }
 .singlePost {margin: 0px 15px 20px 0 !important; background: #; -webkit-box-shadow: 0px 0px 10px #C3A88D; -moz-box-shadow: 0px 0px 10px #C3A88D; box-shadow: 0px 0px 10px #C3A88D; padding: 30px 30px 30px 30px !important; -webkit-border-radius: 10-moz-border-radius: 10border-radius: 10 }
 .countFirst { background: url('/userdir/1/4/1/5/14155/58325681.png') no-repeat bottom right; !important; border-bottom: dotted; border-width: 0 border-bottom-color: #D2FF8E;}
 .countSecond { background: url('/userdir/1/4/1/5/14155/58326029.png') no-repeat bottom right; !important; border-bottom: dotted; border-width: 0 border-bottom-color: #D2FF8E;}
 #commentsArea, #addCommentArea {margin: 0 25px 20px 10px !important; background: #;; -webkit-box-shadow: 0px 0px 10px #C3A88D; -moz-box-shadow: 0px 0px 10px #C3A88D; box-shadow: 0px 0px 10px #C3A88D; padding: 20px 30px 20px 30px !important; -webkit-border-radius: 10-moz-border-radius: 10border-radius: 10}
 {------------------------------------------------------- заголовки -------------------------------------}
 .postDate { text-align: center; margin: 0 0 0px 0 !important; border-bottom: 0px solid #000; font-variant: small-caps !important; }
 .postTitle {background: url('/userdir/1/4/1/5/14155/58325810.png') no-repeat !important; margin-top: 0px !important; background: # 0 0 no-repeat; padding: 10px 0 20px 60px !important;}
 .postLinksBackg {padding: 00px 130px 0px 0px !important;}
 .header span {}
 .header h2 { }
 .postActionLinks {}
 #commentsArea .postTitle {background: none !important; padding: 0 !important;}
 #addCommentArea_title {margin-top: 0px !important; background: # 0 0 no-repeat; padding: 10px 0 20px 50px !important;}
 #commentsArea_title, #new_post_title, .calHeader {text-align: center; margin: 10px 0 20px 0 !important; border-bottom: 0px solid #000; font-variant: small-caps !important; }
 .calHeader {width: 550}
 .avatar img { width:100px !important; min-width: 100px !important; max-width: 100px !important; -webkit-box-shadow: 0px 0px 10px #a1a1a1; -moz-box-shadow: 0px 0px 10px #a1a1a1; box-shadow: 0px 0px 10px #a1a1a1; border: 1px solid #dad9de;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #f2f4f8;}
 span.quote_text { font: italic 16px Book Antiqua !important; display: block; padding: 5px 5px 5px 10 border-left: 3px double #000; margin-left: 10px !important;}
 a:link, a:visited {text-decoration:none !important; color: #91735E !important;}
 a:hover, a:active {color: #03578E !important;}

еще один решеный вопрос

В процессе размышления, чего бы туда еще приляпать, возникла идея запихать эпиграф поверх экстратопа, но возникла проблема: он обводится точно так же, как каждый отдельный пост, при чем в два слоя, а этого как бы не очень хочется. Отсюда вопрос, как сделать чтобы он не обводился:
От одной рамки я избавилась, а вторая не знаю откуда и как ее убрать...
Код части с эпиграфом

#epigraph.singlePost  {color: #ffffff !important; opacity:1 !important; filter: alpha(opacity=100); -moz-opacity: 1.0; -webkit-box-shadow: 0px 0px 0px #C3A88D; -moz-box-shadow: 0px 0px 0px #C3A88D; box-shadow: 0px 0px 0px #C3A88D; padding: 0px 0px 0px 0px !important; -webkit-border-radius: 0-moz-border-radius: 0border-radius: 0  }

И еще вопрос, можно ли прописать чтобы везде первая заглавная буква была особенная, а в эпиграфе обычная?
Заранее спасибо

Решение проблемы, если кому нужно:

 #epigraph.singlePost { position: absolute; top: 60 left:740 width: 350 height: 40 color: #ffffff !important; opacity:.6 !important; filter: alpha(opacity=60); -moz-opacity: .6; -webkit-box-shadow: 0px 0px 0px #C3A88D; -moz-box-shadow: 0px 0px 0px #C3A88D; box-shadow: 0px 0px 0px #C3A88D; padding: 0px 0px 0px 0px !important; -webkit-border-radius: 0-moz-border-radius: 0border-radius: 0 margin: 0px 0px 0 0px !important; }
 #epigraph .postTitle {display: none;}
 #epigraph .paragraph div:first-letter{ font-size: 15 float: none !important; font-family:Verdana; font-weight: bold; color: #0A5587; line-height:100% !important; line-height:120%; }

Тут возник еще один вопрос, как сделать так, чтобы эпиграф отображался на всех страницах (каменты, избранное и т д) а не только на самом дневнике