向楼主学习~

这篇帖子以前发过！
http://bbs.blueidea.com/viewthre ... p;page=1#pid3979587

[ 本帖最后由 YstarLongzi 于 2008-5-13 01:51 编辑 ]

引用:

原帖由 Flyinghigher 于 2007-8-17 12:26 发表
[html]




CSS菜单－－下拉菜单

/*Author:5key.net*/
body{
background-color:white;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
color:white;

}
ul ...

不错,可是放入网页中的时候在IE中显示不正常，无论怎么调那个.menu2的下半部分都不能显示出来，如图：


在FF下显示却正常：


请教一下大家应该怎么改？
现在的css样式是这样的：

复制内容到剪贴板

代码:

/*- Menu Style--------------------------- */
ul,li{
margin:0px;
padding:0px;
}
li{
display:inline;
list-style:none;
height:32px;
list-style-position:outside;
text-align:center;
font-weight:bold;
float:left;
}
#nav{
width:800px;
height:32px;
border-bottom:0px;
padding:0px 5px;
z-index:10;
position:absolute;
}
.list{
line-height:20px;/--*下拉菜单的间距--*/
text-align:left;
padding:4px;
font-weight:normal;
}
.menu1{
width:85px;
height:auto;
margin:3px 3px 0px 0px;
border:1px solid #E3E3E3;
background-color:#F1FBEC;
color:#336601;
padding:6px 0px 0px 0px;
cursor:hand;
overflow-y:hidden;
/*--filter:Alpha(opacity=18);--IE不支持--*/
-moz-opacity:0.9; /*--鼠标移上去的透明度--*/
z-index:10;
}
.menu2{
width:85px;
height:18px;
margin:3px 3px 0px 0px;
background-color:#E3E3E3;
color:#999999;
border:1px solid #E3E3E3;
padding:6px 0px 0px 0px;
overflow-y:hidden;
cursor:hand;
}
.nnav{position:relative;height:29px;float:left;}
/*- Menu Style end -------------------------------------*/

[ 本帖最后由 Gzink 于 2008-8-3 10:15 编辑 ]