div在IE7中消失了

Question

我在IE7中有一个div的问题,它正在消失,我不明白为什么.我已经尝试添加zoom:1和overflow:隐藏有人建议,但它无法正常工作.

div位于无序列表(向左浮动)内作为最后一个元素,向右浮动.

这是HTML

<div id="top_menu">
    <ul id="dropmenu">
        <li>menu item1</li>
        <li>menu item2</li>
        ...
     </ul>
    <div class="lang">content</div>
</div><!-- end top menu -->

这是CSS

  #top_menu                     {width:900px;font-size:13px; }
    #top_menu ul#dropmenu           {width:630px; height:28px; margin:0px; padding:0px; list-style:none; float:left; }
    #top_menu ul#dropmenu li        {float:left;display:block;}
    .clearfix                       {display: inline-block;}  /* for IE/Mac */

    #top_menu .lang { width: 120px; color:#fff; margin:4px 10px 0 0; float: right; }
    #top_menu .lang a{ color:#ff8601; }
    #top_menu .lang a:hover{ color:#fff; }

谢谢你的帮助

编辑:我包括HTML和删除网址,以避免客户投诉.

Answer 1

您需要添加.clearfix到div#top_menu,并添加height: 24px;到div.lang

这为我解决了所有的菜单问题.

编辑

...并且可能不使用绝对定位来解决布局问题.