Доброго всем времени суток.
Вопрос 1.
Взбрело в голову написать необычное меню, которое появлялось бы по наведению курсора. С этим делом я справился достаточно хорошо, но потом потребовалось вытащить из этого меню имя пользователя и ссылку на дневник, которые я, в свою очередь, заменил картинками и закрепил над меню вот в таком виде.
***
Все бы хорошо, но к ним неприменимо ни одно позиционирование, кроме fixed. В absolute картинки-кнопки, заменяющие имя и название, начинают дергаться и двоиться. Я бы рад с fixed оставить, но у многих ПЧ, имеющих разрешение выше 1280*1024 кнопки стремительно уезжают влево, хотя все задано в процентах, и ехать, в принципе, не должно. И отсюда получается вот такой кошмар.
Существует ли возможность каким-либо образом исправить это, сделав кнопки "прибитыми" к одному месту без подергиваний и раздвоения "личности"?
Вопрос 2.
И еще одна, казалось бы, глупая проблема. Убегает кнопка "вставить цитату". Причем убегает каким-то странным образом - она отлично отображается в первом посте, однако исчезает в комментариях. Пытался задавать ей отступы кодом

#cc {margin: -210px 0 0 -110 !important}

Безрезультатно. Либо я просто не могу найти позицию, либо ей что-то мешает, учитывая количество эдд_блоков у меня в дизайне. Хотя у меня в коде ни для одного из конфликтующих айди #addCommentArea, #postsArea, #commentsArea, #msg_form, где было бы задействовано свойство relative. min-width и max-width я тоже никуда не вписывал. По проблеме неоднократно искал, но ничего, что помогло бы решить, не нашел.

На всякий случай код, хотя дневник открыт и все можно увидеть вживую

 {-----картинки-------}
 html {overflow: hidden; }
 body {background: #000000 url('/userdir/3/0/9/5/3095744/77124455.jpg') center center fixed no-repeat !important; position: relative!important; padding: 0px !important; margin:0px !important;}
 #wrapper{position: relative !important; width:850 margin: 10px !important; padding-top: 120px !important; bottom 120px !important; float:right !important; color:#807e7e !important;}
 #page-c {width:1050px !important; float:right !important; }
 #add_block2 {right: 0%; top: 3%; background-color:#444343 !important; width:850px !important; height:95% !important; float: left !important; position:fixed !important; display:block !important; z-index:-1 !important;}
 #add_block3 { background: url("/userdir/3/0/9/5/3095744/77119217.png") no-repeat scroll 0 0 transparent; display: block !important; height: 100px !important; position: absolute !important; right: 0; top: 2%; width: 850 z-index: -1 !important; margin-top: 1.4%; }
 #add_block4 { background: url("/userdir/3/0/9/5/3095744/77119216.png") no-repeat scroll 0 0 transparent; bottom: 0; display: block !important; height: 100px !important; margin-bottom: -70.5%; position: absolute !important; right: 0; width: 850 z-index: 1 !important; }
 #page-t {height: 70%; margin-bottom: 3%; padding-bottom 3%; position:fixed !important; overflow: auto; }
 noindex:-o-prefocus, {----меню-------}
 #side a {visibility: hidden; color: #fff; font-size: 12 text-transform: lowercase;}
 #side:hover a {visibility: visible !important; color: #fff !important; text-decoration: none !important; }
 #side .bordered { background: url("/userdir/3/0/9/5/3095744/77275439.png") no-repeat scroll 100% 330px transparent; height: 300 left: 3%; margin-left: -5 padding-bottom: 160 padding-top: 30 position: absolute !important; top: 90 width: 116 z-index: 30 !important; }
 #side .bordered:hover { background: url("/userdir/3/0/9/5/3095744/77135691.png") repeat scroll 0 0 transparent !important; height: 300 border: 1px outset; border-color: #7b7979; left: -8.2%; margin-left: 4.6% !important; margin-top: 34%; top: 37%; width: 17.7%; z-index: 30 !important; }
 .menuSection li:hover {background: #403f3f ; opacity: 0.8; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;width:150 }
 {-----display:none-------}
 #lastComments, #thisDiaryPhoto, #pchs, #sign, #YaSearch, #iAmQuit b, #more_login, #unsubscribeEmail, #tagslistlink, #upInChart, #myLinksLink, #myDraftLink, #myNotepadLink, #allDiaryLink, #favListLink, #pchListLink, #from_form, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, .order_button, #change_avatar_box,#change_avatar_box a,#AvatarSelector, #doNotSmile_box, #addPicture_box,#ReplaceBrDiv,#change_bg_area_comm, #vkl li, #side h1 .opac6 {display:none !important;}
 {-----картинки-кнопки-------}
 #side ul { display:block;visibility:hidden}
 #side:hover ul {visibility:visible}
 #authorName span { background: url("/userdir/3/0/9/5/3095744/77137522.png") repeat scroll 0 0 transparent; height: 130 overflow: hidden; padding: 0 !important; position: fixed !important; right: 66.4%; top: 250 visibility: visible !important; width: 50 z-index: 100 !important; }
 #authorName { color: white; display: block; line-height: 500px !important; }
 #authorName:hover { background: url("/userdir/3/0/9/5/3095744/77137522.png") repeat scroll 0 0 transparent !important; }
 #side ul { display:block;visibility:hidden}
 #side:hover ul {visibility:visible}
 #side h1 { background: url("/userdir/3/0/9/5/3095744/77137524.png") repeat scroll 0 0 transparent; height: 148 overflow: hidden; padding: 0 !important; position: fixed !important; right: 66.4%; top: 103 visibility: visible !important; width: 73 z-index: 100 !important; }
 #side h1 a { color: white; display: block; line-height: 500px !important; }
 #side h1:hover { background: url("/userdir/3/0/9/5/3095744/77137524.png") repeat scroll 0 0 transparent !important; }
 #epigraph .singlePost { background: url("/userdir/3/0/9/5/3095744/77138293.png") repeat scroll 0 0 transparent; height: 169padding: 0 !important;width: 780 }
 {-----эпиграф и разделители-------}
 #epigraph .paragraph { line-height: 25%; padding-top: 70}
 #epigraph .postLinksBackg {display:none;}
 .singlePost {padding-bottom: 50px !important; background: url('/userdir/3/0/9/5/3095744/77138352.png') center bottom no-repeat;}
 #epigraph .postInner {width: 650padding-left:75px }
 .singlePost .paragraph div:first-letter { font-size:18 font-family:Times New Roman; color:#0E0E0E; }
 {-----оформление ссылок-------}
 .postLinksBackg {color: #0E0E0E; font-size: 10 }
 .postLinksBackg a { color: #0E0E0E; background-color: #807e7e; text-decoration:none !important; text-transform: lowercase; font-weight: bold; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px px ; border: medium none; border-top-left-radius: 3 border-top-right-radius: 3 border-bottom-right-radius: 3 border-bottom-left-radius: 3 padding: 1}
 .postLinksBackg a:hover, #favGroups a:hover {background-color: #807e7e; opacity: 0.1; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 {----темы-------}
 .atTag a { background: url("/userdir/3/0/9/5/3095744/77317334.png") no-repeat scroll 0 50% transparent; padding: 2px 0 2px 6px !important; }
 .atTag span { background: url("/userdir/3/0/9/5/3095744/77304459.png") no-repeat scroll 2px 0 transparent; display: block; float: left; margin-top: -6 height: 22 line-height: 500 overflow: hidden; width: 30 }
 {-----фиксы-------}
 #cc {left: 50% !important; margin-top: -150 padding-top: 3 padding-right: 5 padding-bottom: 3 padding-left: 5 position: absolute; text-decoration: none; cursor: pointer; visibility: visible; }
 .postInner {float: right; width: 100%; }
 .left #page-t {width: 860}
 .singlePost, .menuSection, .header, .postContent, .singleComment, .section, .postDate, .postLinksBackg { margin-bottom: 1 margin-right: 2%! important; padding-right: 2%; }
 #JournalComments .singlePost, .menuSection, .header, .postContent, .singleComment, .section, .postDate, .postLinksBackg {margin-right: 2%; padding-right: 0%; }
 #epigraph .postInner div:first-letter{font-size:14 font-family:Times New Roman; color:#807e7e;}
 {----комменты и стабилизация-------}
 #commentsArea .avatar img {width:100 height:100 border:5px solid #0E0E0E; opacity:0.6; }
 #message, .htmlbox{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;}
 span.quote_text {background-image: url('/userdir/3/0/9/5/3095744/77135691.png'); display: block; margin: 10px 10px 5px 5 padding: 10px 10px 10px 10 border: inset 1px #0E0E0E; opacity: 0.8;}
 .postContent .postInner img{ opacity : 0.2; -moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s; border: medium none; border-top-left-radius: 3 border-top-right-radius: 30 border-bottom-right-radius: 5 border-bottom-left-radius: 30 max-width:500 border: 0px solid #0E0E0E; padding: 0}
 .postContent .postInner img:hover { opacity : 1 !important; }
 #jsbut, #shsmile{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;}
 {----заголовки-------}
 .postTitle, .postTitle span {font-size:12 color:#0E0E0E; text-transform:uppercase; font-weight: bold;}
 {----ники-------}
 .TagJIco { background: url("/userdir/3/0/9/5/3095744/77304459.png") no-repeat scroll 0 center transparent; display: inline-block; padding-left: 28 position: relative; text-decoration: none !important; }
 {----переключатель-------}
 .pageBar a {color: #0E0E0E; font-size: 10 }
 .pageBar a {position: fixed; bottom: 120 z-index: 7; color: #0E0E0E; background-color: #807e7e; text-decoration:none !important; text-transform: lowercase; font-weight: bold; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px 0px 14px px ; border: medium none; border-top-left-radius: 3 border-top-right-radius: 3 border-bottom-right-radius: 3 border-bottom-left-radius: 3 right: 750}
 .pageBar a:hover{ background-color: #807e7e; opacity: 0.1; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 .pageBar a, .pageBar strong {padding: 0 2 }
 .pages_str a {margin: 0 15}
 {----музыка-------}
 .atMusic span {display:none;}
 .atMusic {padding-left: 40px !important;}

Смотрите также