ie6 float position裏面內容不顯示

搞ie6的兼容性真不好搞啊！出現的問題是這樣的：

ie6中我使用了float:left，在裏面的元素中使用了position這種元素，在其他的瀏覽器中都是好的，唯獨在ie6下不能使用。代碼結構：

<style>
    li {float:left;}
</style>
<ul>
    <li>
        <div class="brand">
            <div style="position:relative">
            </div>
        </div>
    </li>
    <li>
        <div class="brand">
            <div style="position:relative">
                <div style="position:absolute">
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="brand">
            <div style="position:relative">
                <div style="position:absolute">
                </div>
            </div>
        </div>
    </li>
    <li>
        <div class="brand">
            <div style="position:relative">
                <div style="position:absolute">
                </div>
            </div>
        </div>
    </li>
</ul>

解決方法：給li加一個class,並且定義display:block; position:relative;就好了！主要是給li加一個塊元素。