最近在学习css+div
用到一个垂直菜单，于是直接当w3cn上的一个拿来修改用。现在遇到一个问题就是。当我调小了按钮的间距时，在firefox和ie中看的效果不一样,ie中老是出现很大的间隙。在没改代码之前两个浏览器中的效果是一样的。请问各位怎么样解决这个问题。期待解决。
效果如下图：
原图
ie中的效果
]
firefox中的效果
下面是我的代码：
#leftmenu{
FLOAT:left;
MARGIN:0px;
PADDING:0px 0px 0px 212px;
COLOR: #FFF;
WIDTH:194px;}
#leftmenu ul {
LIST-STYLE-TYPE: none;
MARGIN: 0px;
PADDING:0px;
BORDER:medium none;
WIDTH:194px;
}
#leftmenu li {BORDER: #ffffff 1px solid; MARGIN: 5px; BACKGROUND:#FFF;WIDTH:95%;}
#leftmenu li a {
DISPLAY: block;
PADDING:2px 0px 2px 33px;
BACKGROUND: #E0842F url(li_leftmenu.gif) no-repeat 0px 0px;
TEXT-DECORATION: none;
OVERFLOW: hidden;
}
#leftmenu li a:hover {
BACKGROUND: #438DF3 url(li_leftmenu.gif) no-repeat 0px 0px;
COLOR: #FFF;
FONT-WEIGHT:bold;
}
