网页css标签问题

在网页中有下拉菜单也有，横拉菜单，可是使用的标签基本就是<li><ul><ol>
现在li标签被下拉菜单和横拉菜单公用，无法正常显示

求解决方法

css代码
/*下拉菜单css====================================*/

*{
margin:0px;
padding:0px;
}
#nav{
list-style-type:none;
font-size:14px;
font-color:#222222;
}
#nav li{
float:left;
width:80px;
position:relative;
/*控制下拉框的位置，让它在 “菜单二”的“LI“下面活动*/
height:22px;
/*这个一定要定义的，“菜单”一栏的高度，也是onmouseover和onmouseout使用的范围*/
padding-top:4px;
}
#nav li ul{
display:none;
/*让菜单二下面的“ul”不要显示，配合onmouseover和onmouseout显示*/
position:absolute;
/*让菜单二下面的下拉“UL”显示，并不要把菜单栏撑大（撑大效果见下面，我会贴出来的，哈哈）*/
top:28px;
/*此属性唯有定义了position:absolute;属性才能使用，是定位下拉框的，距离上面多少*/
left:0px;
/*此属性唯有定义了position:absolute;属性才能使用，是定位下拉框的，距离左边多少*/
border:1px solid #C4E4FF;
}
#nav li ul li{
float:left;
background-color:#F7FCFF;
padding:2p

网页css标签问题 css布局标签问题（加分） CSS+JS实现切换标签的问题 网页“标签”的问题！ 网页的标签问题 ?????网页中的css问题???? 网页中CSS问题 css 网页 代码问题 网页CSS问题 网页中躲div标签+CSS定义的搭配实用？