На моём сайте http://aklion.ru/blog есть два меню, одно в header.php другое в footer.php. Оба разворачиваютя вниз. Немогу понять как нижнее меню заставить разворачиваться вверх. Может ли кто-нибудь помочь это сделать?
Насколько я понимаю всё в стилях. Но где искать?? Привожу стиль одного из меню.
#menu {float:right; width: 800px; height: 20px; text-align:right; margin-top:-101px;}
#menu div {margin-left:auto; margin-right:20px; margin-top:13px; margin-bottom: 10px; display:inline-block; width: 802px; height:20px; padding: 0px 0px 5px 0px; text-align: right;}
#menu div ul {padding:0; margin: 0 auto; list-style:none; height:30px; text-align: center; position:relative; z-index:1; font-family:arial, verdana, sans-serif;}
#menu div ul li {float:left; text-align: center; margin: 0 auto;}
#menu div ul li a {display:block; float:left; height:30px; line-height:30px; background-image:url(images/menu-2.gif); color:#FFFFFF; text-decoration:none; font-size:13px; padding:0 10px 0 10px; margin: 0 auto; margin:0; border-left:1px solid #8b7d70; white-space:nowrap;}
#menu div ul table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#menu div ul a:hover {z-index:1; position:relative;color:#FFFFFF; background-color:333333; text-decoration:underline;}
#menu div ul li:hover {position:relative;}
#menu div ul li:hover > a {color:#FFFFFF; background-image:url(images/menu-3.gif); text-decoration:none;}
#menu div ul :hover ul {left:-10px; top:30px; width:160px; background:#444; margin-left:10px;}
#menu div ul ul,
#menu div ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu div ul :hover ul :hover ul {left:170px; top:-1px; background:#222; white-space:nowrap; width:198px; z-index:1; height:auto;}
#menu div ul :hover ul li {margin:0; border-top:0px solid #8b7d70; border-bottom:1px solid #8b7d70;}
#menu div ul :hover ul li a { width:160px; line-height:20px; font-size: 13px; text-align: left; padding:5px 8px; text-indent:0px; color:#DDDDDD; height:auto;}
#menu div ul :hover ul :hover {background-color:#333333; color:#FFFFFF;}
#menu div ul :hover ul li.currentsub a {background:#840; color:#FFFFFF;}
#menu div ul :hover ul :hover ul li a {width:180px; line-height:14px; padding:4px 8px; font-size: 13px; background-image:url(images/menu-4.gif); color:#DDDDDD; text-indent:0px;}
#menu div ul :hover ul :hover ul :hover { background-image:url(images/menu-5.gif); color:#FFFFFF;}