The only time the menu expands downward is when I scroll the page down too far that there is not enough space above the menu for the submenu to expand upward.
Here is my css:
url("css/menu.css"); {background: #FFF url(images/body_bg.png) repeat-x top left; height: 100%; margin:0; padding:0}
/*---Main Design---*/
.s_wrap_main
{display:table; width: 970px; margin:0 auto}
.s_wrap_sub
{display:table-row;}
.template_style
{display:table-cell;}
/*---Control Panel---*/
.ControlPanel
{background: transparent; border:0; margin:0}
.cpanel_bottom_left
{background: url(images/bottom_left_bg.png) no-repeat bottom left;}
.cpanel_bottom_right
{background: url(images/bottom_right_bg.png) no-repeat bottom right;}
.cpanel_center
{margin-left: 25px; margin-right: 25px;}
.cpanel_left
{}
.cpanel_right
{padding: 0px 17px 0px 17px;}
/*---Top Space---*/
.top_space
{height: 35px}
.lang_pad
{float:left;}
/*--Top---*/
.logo_top_left
{padding:0; margin:0; background: url(images/top_left_bg.png) no-repeat top left;}
.logo_top_right
{padding:0; margin:0; background: url(images/top_right_bg.png) no-repeat top right;}
.logo_top_bg
{background: url(images/top_center_bg.png) bottom left; margin-left: 25px; margin-right:25px; height:25px; padding: 0;}
.logo_left
{padding: 0;background: url(images/left_bg.png) repeat-y top left;}
.logo_right
{padding:0; background: url(images/right_bg.png) repeat-y top right;}
.logo_pad
{margin:0px 25px; height: 100%;padding: 10px;}
.s_logo
{float:left;}
.slogan
{float: right; height:200px; width: 688px; margin-left: 10px; background: url(images/BullShitBookindex.png) no-repeat center center;}
/*---Menu---*/
.menu_left
{padding:0; margin:0; background: url(images/left_bg.png) repeat-y top left;}
.menu_right
{margin:0; background: url(images/right_bg.png) repeat-y top right;}
.menu_bg
{background: url(images/menu_bg.png) repeat-x top left; margin:0 16px 0 16px; padding: 0 4px 0 4px; height:40px}
.search_style
{float:right; height: 28px; margin: 5px 10px 5px 10px;}
.search_bg
{}
.clear_float
{clear:both; line-height:0; font-size:0; height:0;}
/*---Breadcumbs---*/
.bread_left
{background: url(images/left_bg.png) repeat-y top left; height:35px}
.bread_right
{background: url(images/right_bg.png) repeat-y top right; height:35px;}
.bread_bg
{margin:0 16px 0 16px; background: #678299; height:35px; }
#bread_style
{float: left; clear: left; line-height: 33px; padding-left: 15px;}
#login_style
{float:right; clear: right; line-height: 33px; padding-right: 15px;}
/*---Middle---*/
.left_bg
{background: url(images/left_bg.png) repeat-y top left; margin:0; padding:0}
.right_bg
{background: url(images/right_bg.png) repeat-y top right; margin:0; padding:0}
.center_bg
{margin:0; padding:0; clear:both;}
.content_pad
{margin:0 16px 0 16px; padding: 0px 10px 0px 10px; background:#EEEEEE;}
.content_width
{margin:0; min-height: 350px;}
#content_table
{margin: 0 auto;}
.top_content
{margin:0px 5px 10px 10px; padding-top: 5px}
#current_time
, .SelectedTab{float: right; margin-top: 0; width: 300px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #113450;}
/*---Content Panes---*/
.ContentPane
, .TopPane, .BottomPane{padding:0; margin:0;}
.LeftPane
{padding:0 20px 0 0; width:20%; margin:0;}
.RightPane
{padding:0 0 0 20px; width:20%; margin:0;}
/*---Bottom---*/
.bottom_left
{background: url(images/bottom_left_bg.png) no-repeat bottom left;}
.bottom_right
{background: url(images/bottom_right_bg.png) no-repeat bottom right;}
.bottom_bg
{background: url(images/bottom_center_bg.png) repeat-x top left; margin-left: 25px; margin-right:25px; height:25px}
.bottom_pad
{margin:5px 16px 0px 16px; padding:0px 10px 0px 10px}
#terms_style
{float:left;}
#copy_style
{float:right;}
/*-------- Default Style --------*/
body
,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body
,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1
, h2, h3, h4, h5, h6{color:#375162;}
h1
, h3, h5, h1 input{font-weight:bold;}
h2
, h4, h6{font-weight:normal}
h1
, h2, h1 input{font-size:14px;margin:10px 0;}
h3
, h4{font-size:12px;margin:8px 0;}
h5
, h6{font-size:10px;margin:6px 0;}
/*---Control Panel Changes---*/
ControlPanel
a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel
a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel
a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size
:11px;}
.ControlPanel
a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}
/*---Breadcrumb---*/
.Breadcrumb
,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#FFFFFF;}
a.Breadcrumb:hover
{color:#9ABC02;}
/*---Links---*/
.linkscontainer
{padding-top:20px; text-align:center;}
.links
,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover
{color:#C00;}
/*---User Style---*/
.user
,a.user:link,a.user:active,a.user:visited { color:#FFFFFF;}
a.user:hover
{color:#9ABC02;}
/*---Search SkinObject Styles---*/
div.SearchContainer
{position:relative; white-space: nowrap;}
div.SearchBorder
{width: 200px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer
a{padding: 0; display: block; float:left; }
div.SearchContainer
a img{padding-left:5px;}
div.SearchIcon
{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon
img{margin-top: 3px; margin-left: 22px}
input.SearchTextBox
{float: right; z-index: 10; border: 0; width:160px; height:18px; margin-left:3px; color: #43494D;}
#SearchChoices
{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices
li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices
li.searchHilite{background-color: #CE0D0D; color:#ffffff; border: none;}
#SearchChoices
li.searchDefault{background-color: #F8FAFF; border: none;}
/*---Empty Panes Style---*/
.DNNEmptyPane
{width:0;padding:0;margin:0;}
#Body
@import