先贴上我/*menu*/的代码!
/*menu*/
#wraper{ clear:both; background: url(images/body01.png) repeat-x left top; }
#menubar{ width:950px; margin: 0 auto; height: 80px; line-height: 30px; margin-bottom:0px; }
#menubar ul { float: right; }
#menubar li { float: left; padding: 0 8px; text-align: center; background: url(images/menu_line.gif) no-repeat 100% 50%; }
#menubar li a, #menubar li a:link { display: block; }
#menubar .noground{ background: none; }
a.mycontent{ text-align: left; padding: 0 2px; width: 40px; background: url(images/jsmenu.gif) no-repeat right center; }
.ntdropmenu{ width: 80px; border: 1px solid #8B8B8B; border-top: none; background: #EAEAEA; text-align: center; }
.ntdropmenu a{ display: block; height: 24px; line-height: 24px; margin: 0 2px; border-bottom: 1px solid #8B8B8B; }
/*menu*/
下图是以上代码没改动时的效果!文字跑到了顶端!


我先贴个我想实现的效果!以下是我想实现的效果,文字在我模板的中间!


我把
#menubar{ width:950px; margin: 0 auto; height: 80px; line-height:
30px; margin-bottom:0px; }改成了
#menubar{ width:950px; margin: 0 auto; height: 80px; line-height:
90px; margin-bottom:0px; }实现了效果但是问题出现了
看下图:我的菜单跑得太下面了!


我想实现最终效果如下图!请问哪位高手知道怎么弄?先谢过了!
