всем здравствуйте.
прочитала похожие посты, но решения не нашла, поэтому пишу отдельно. проблема довольно распространенная - хочу, чтобы блок записей уезжал под меню. а он - не уезжает.
прм таком коде
таком коде body{ background: url('/userdir/1/6/8/7/168769/73214973.jpg') fixed; margin:0px; padding:0px; }
#wrapper{ background: # !important; opacity: 0.9 !important; width: 1000px !important; margin: 0 auto !important; padding: 0px !important; top: 0px; bottom: 0px !important; margin-bottom: -20px !important;}
#extratop {height: 400px !important}
#page-t {margin: 20px 10px 50px 20px !important; padding: 5px 10px 5px 0px !important ; }
#page-c { background: #edede3 !important; opacity: 1 !important; margin: 0px 0px 0px 50px !important; padding: 0px 0px 0px 0px !important ; width: 950px !important; border-style: double; border-color: #000000; border-width: 3pt; -moz-border-radius: 10px; border-radius: 10px; }
#epigraph .header { border: none !important; display:none !important;}
a:hover { font-weight: bold !important}
#epigraph { border: none !important; margin: 0px !important; padding: 0px !important;}
#post0 { padding: 0px 0px 5px 0px !important; margin: 0px 0px 5px 0px !important; }
#new_post_title, #addCommentArea_title, #commentsArea_title { text-transform:uppercase; font: bold 14px 'arial' !important; color: #aba89a !important; margin: 0px 0px 0px 0px !important; text-align:center !important; padding: 0px 10px 0px 10px !important;}
{----------------------------}
#side { position: fixed; top: 160px; left: 0px; right: 0px; display: block; width:1000px !important; font: 13px 'Helvetica' !important; padding: 15px 0px 3px 0px !important; color: #31241f; text-transform: uppercase; z-index: 1;}
#side a { color: #31241f;}
#side a:hover { color: #31241f; font-weight: bold;}...

картинка такая:


когда я добавляю в экстратоп {position: fixed; z-index: x}, картинка становится такой:


как решить проблему? заранее спасибо)