Здравствуйте! дорогие сообщники, я в затруднении:

1. хотелось бы сделать фон записей прозрачным, но когда я пытаюсь это прописать, текст и все остальное, содержащееся в записи, тоже получается прозрачным! скажите, пожалуйста, как грамотно добиться сочетания прозрачный фон + непрозрачный текст?
2. При наведении на имя автора аватарка показывается несколько в стороне от самого имени. Скажите, пожалуйста, как можно скорректировать ее координаты?
3. Вопрос по именам: header и PostTitle - неужели это одно и то же? (когда я пыталась изменить один, непременно изменялся и второй.)
Мой многострадальный код:

body{ background: #; width:800 margin:0 auto; padding:0}
 body{background-attachment:fixed;}
 #wrapper{width:800 padding:0 !important; margin:0 auto;}
 #side{width:800px !important;}
 .countFirstDate, .countSecondDate {text-align:center !important; font-family:"Book Antiqua" !important; font-size:14 px !important; color:#000000 !important;}
 .header {text-align:center; background: url('/userdir/3/0/2/5/302532/53028125.png') 20px 20px no-repeat; padding:0 0 0 20px !important; height:120 position: relative; right: -200px !important; margin:0 auto; width:400px !important; }
 .postlinks {text-align:center !important;}
 .postlinksbackg {text-align:center !important;}
 #globalLinks {display:none;}
 .menuSection {text-align:left;}
 ::selection {background:#FAFAD2; color: #0099CC}
 ::-moz-selection {background:#FAFAD2; color: #0099CC}
 #authorName, #YaSearchForm {position: relative; left: -50}
 .avatar:hover{filter: alpha(opacity=60); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 #thisDiaryPhoto:hover{filter: alpha(opacity=60); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 #thisDiaryPhoto:{position: absolute; left: -100}
 #authorName, #YaSearchForm {position: relative; left: -100}
 #bottomNav {width:800 !important; min-width:0;}
 a:hover{letter-spacing: 2 text-decoration: none}
 .postLinksBackg {text-align:center;}
 #postsArea {width: 780px !important;}

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