当我最小化浏览器窗口时，下拉菜单会向上移动并向左移动，如何更正？
这是css代码：
div#secondary-menu { bottom: -62px; position: relative; z-index: 5; text-align:center; margin:auto; width:100%;}
ul#secondary { display: inline-block; font-size: 13px; padding: 0 !important; }
ul#secondary li { padding-right: 12px; }
ul#secondary li a { color:#fff; text-shadow: 1px 1px 1px #105059; padding: 6px 0px 13px 9px; }
ul#secondary li a:hover {text-decoration: none; color:#eeeeee;}
ul#secondary ul { background: url(images/secondary-dropdown-bg-blue.png) no-repeat bottom left; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; padding: 8px 0px 17px 15px; width: 173px; box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.4); z-index: 200; }
#secondary li:hover ul, #secondary li.sfHover ul { top:39px; }
#secondary ul li:hover ul, #secondary ul li.sfHover ul { top:-8px; }
ul#secondary > li { background: url(images/secondary-menu-linkbg-blue.png) no-repeat left bottom; } ul#secondary > li.sf-ul.sfHover { background: url(images/secondary-menu-linkbg-blue.png) no-repeat bottom right; } ul#secondary > li.sf-ul.sfHover > a { background: url(images/secondary-menu-linkbg-blue.png) no-repeat top left; display: block; color: #000000; text-shadow: none; color: #ffffff; text-shadow: 1px 1px 1px #737373;}
ul#secondary ul li a { background: url(images/secondary-dropdown-bullet.png) no-repeat 0px 12px; padding: 5px 3px 5px 15px; text-align:left; width:155px; font-size: 90%; }
ul#secondary ul li a:hover { color: #8eaeb1; text-shadow: 1px 1px 1px #0b454e; }
此处指向网站的链接：
http://demo.nextsyntax.com/goldcoast/
此致