Все меню на экстратопе

[diaryCSS]

Доброго времени суток. я снова с просьбой о помощи. Сделала дизайн, где все меню висит на экстратопе. Есть проблема такого характера: меню позиционированное и подстроить у меня его получается только под какое-то определенное разрешение монитора. Дома экран 1680х1050 - на нем меню там где надо - справа на темной части экстратопа. На всех остальных мониторах оно уезжает( Можно как-то закрепить его относительно экстратопа, чтоб оно не ездило? Дизайн в его хаотичном состоянии смотреть здесь. Соответственно так, как и меню, уезжает название дневника.
Код:

 #extratop { background:url('/userdir/1/3/4/2/1342692/53663966.jpg') no-repeat; !important; width: 100%; height:449 !important;}
 #wrapper{background: #060b12; min-width:800px!important; width:800 margin: 0 auto !important; padding:0 !important; overflow:hidden !important; border:3px solid #5bc0ea; margin-top:-9px !important; margin-bottom:-10px !important; padding:0 !important; margin-top:-9px !important; margin-bottom:-10px !important;}
 #page-c {width:800px !important; padding:00 !important; margin:0 !important}
 #page-t {margin:0 !important;}
 #page-c img{filter: alpha(opacity=50); opacity: 0.6; -moz-opacity: 0.6;}
 #page-c img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
 #mce_editor_0_parent a, #mce_editor_0_parent select {float:left;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 .avatar img { border-width:1 border-color:#a2d5ea; border-style:solid; padding:1 display: block;}
 A:hover {cursor:crosshair; border-style:1px dotted #fff;}
 a:hover,a:active{color:#386b8b!important; border-style:2px dotted #d2f0fc;}
 body{background: url('/userdir/1/3/4/2/1342692/53663948.jpg') #000 Bottom no-repeat fixed;width: 100% }
 .singlePost{padding-left:5px !important;}
 .singlePost{padding-right:10px !important;}
 .singlePost{padding-bottom:0px !important;}
 .singlePost{padding-top:15px !important;}
 #thisDiaryLinks {display:none}
 #thisDiaryOwner { position: absolute; left: 840 top: 300 width:160px !important; text-align:right;}
 #myDiaryLinks{ position: absolute; left: 940 top: 300 width:160px !important; text-align:right;}
 #globalLinks{ position: absolute; left:1060 top: 300 width:160px !important;text-align:right;}
 #iAmQuit {display:none}
 #thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #Stats ul, #pchs ul, #lastComments ul { text-transform: lowercase; line-height:95% !important;letter-spacing: 0px !important;font-size: 11px !important; }
 #thisDiaryLinks ul a, #myDiaryLinks ul a, #thisDiaryOwner ul a, #globalLinks ul a, #myLinks ul a, #Stats ul a, #pchs ul a, #lastComments ul a {color: #87c4eb!important; letter-spacing: 0px !important; font-size: 11px !important;}
 #side h1 a{position:absolute; top:10left:850 font-size: 17 color: #8ac4f6!important;text-transform: uppercase; font-family: Yonezawa; }
 #epigraph, #post0 {padding-bottom: 0px !important;}
 #upInChart {display:none}
 #diarySupportLink {display:none}
 #paySupportLink {display:none}
 #rssLink {display:none}
 .quote_post {display:none}
 #myDraftLink {display:none}
 #upInChart {display:none}
 #more_login {display:none}
 #myStatLink {display:none}
 #YaSearch {display:none}
 #urlLink {display:none}
 #sortOrder {display:none}
 #authorLiks {display:none}
 #photolibLink {display:none}
 .paragraph{overflow: auto;}
 #diarySpiritLink {display:none}
 #faqLink {display:none}
 #headlineList {display:none}
 #topNav {display:none}
 .header h2 {display:none;}
 .postDate {text-align:left !important; font-family: Arial; font-size: 13px !important; color: #a745fb!important; text-transform:uppercase; line-height: 55%; }
 .header span{font-family: Yonezawa; color: #91d1de; font-size: 20 text-transform:lowercase; line-height: 55%;}
 .atTag {margin: 5px 0 !important; font-family: Trebuchet MS; color:#29567a!important; font-size: 8px !important; padding: 5px !important; border: 1px dotted #19f4e4; width: 90% !important;}
 #authorName {display:none;}