div後最後一個合併到它在即

Question

我有以下xhtml，我必須添加div後最後李在ul。每一個瀏覽器正確顯示列表，除了IE 6

<ul> 

    <li><div class="content">some div here</div></li> 
    <li><div class="content">some div here</div></li> 
    <li><div class="content">some div here</div></li> 
    <li>some div here</li> 
    <div class="more">add nore</div> 

</ul> 

，但在最後一個div定義是越來越合併到最後李併成爲其一部分。它的CSS是遵循

ul{ border:1px solid #C9C9C9; list-style:none; } 
ul li{ border:1px solid #C9C9C9; display:inline-block; } 
ul li .content{ border:0px solid; float:left; } 
.more{ border:1px solid #D7D7D7; text-align:center; width:600px;} 

Answer 1

關閉<ul>：

<ul> 
    <li><div class="content">some div here</div></li> 
    <li><div class="content">some div here</div></li> 
    <li><div class="content">some div here</div></li> 
    <li>some div here</li> 
</ul> 
    <div class="more">add nore</div> 

你can't have a non-<li> element as a child of a <ul>。

Answer 2

嘗試增加clear:both和overflow:hidden的DIV + CSS：

.more{ 
    border:1px solid #D7D7D7; 
    text-align:center; 
    width:600px; 
    clear:both; 
    overflow:hidden; 
}