Блоки меню уезжают под эпиграф

[diaryCSS]

Помогите, пожалуйста, поправить код! В сообществе ответа на свой вопрос не нашла.
У меня в дизайне идут подряд экстратоп, горизонтальное меню, эпиграф и блок с записями. Но при наведении курсора на ссылки меню выпадающие блоки "уезжают" под эпиграф. Выглядит это так:



Код дизайна:

 body {background-attachment: fixed;}
 a {text-decoration: none;}
 a:hover {text-decoration: none; border-bottom:1px dashed;}
 a {text-decoration: none;}
 a:hover {text-decoration: none; border-bottom:1px dashed;}
 #extratop {background: url('/userdir/3/5/4/4/3544/69934990.jpg') 0 0 no-repeat; margin: 0 !important; height:320 clear:both;}
 #wrapper{min-width:800px!important;width:800margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #page-c{width:800px !important;padding:0 !important; margin: 0 auto !important; margin-top: -30px !important;}
 #side {width:800px !important; margin:0 !important; float:right!important;}
 #side h1{display:none}
 #bottomNav, #Stats, #topNav {display: none !important; }
 #page-t {margin: 0 !important; padding: 0 !important;}
 #epigraph {background: none; padding: 0 !important; margin: 0 !important;}
 #post0 {background: none; padding: 0 !important; }
 #login_form tr, #login_form p, #myCommunity ul, #thisCommunity ul, #thisCommunityMember ul, #thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #pchs ul, #lastComments ul { border: 1px solid #070753; background-color: #D4D9DF; }
 #side ul {visibility: visible !important; background:#f4f4f4; -moz-opacity:.85 !important;opacity:.85 !important; filter:alpha(opacity=85); !important;}
 .singlePost {padding-bottom: 115px !important; background: url('/userdir/3/5/4/4/3544/69937168.png') center bottom no-repeat;}
 * html .bottom, * html .singlePost {background: none;}

Подскажите, пожалуйста, что можно сделать, чтобы блоки меню выпадали нормально?