开发者

Issue in IE7 for extra space at bottom for list items

Issue in IE7 for extra space at bottom for list items where as in FF it works fine.

Code:

    <ul class="sub_menu">
      <li><a href="#">Link1</a></li>
      <li><a href="#">Link2</a></li>
      <li><a href="#">Link3</a></li>
      <li><a href="#">Link4</a></li>
    </ul>

CSS:
ul{
   margin:0 0 20px 0;
   padding:0;
}
ul.sub_menu li {
    background:#E8E8E8;
    border-bottom: 1px solid #E5E4E4;
    font-si开发者_Python百科ze: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0 10px;
}

Can anybody help me out on this?

Thanks in advance.


Adding "overflow:hidden" to li solves my issue.

CSS:
overflow:hidden

I am not sure but sometime adding overflow:visible also works for IE7.

Can anybody clarify the exact cause?

Thanks

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜