Html IE6浮动divs don'；我不能正常清除

我正在尝试使用浮动元素创建一个2列“表”：

<ul>
  <li class="odd">This will appear on the left</li>
  <li class="even">This will appear on the right</li>
  <li class="odd">This will appear on the left (2)</li>
  <li class="even">This will appear on the right (2)</li>
  <li class="odd">This will appear on the left (3)</li>
  <li class="even">This will appear on the right (3)</li>
</ul>

---

这非常有效，但在IE6中，

甚至

元素都不清除，最后水平堆叠在第一行。如何解决此问题？

如果将元素设置为容器宽度的50%，并将它们全部向左浮动，则每个元素将紧靠最后一个浮动，直到有2个元素，然后下一个元素将出现在下一行

ul { 
    width: 880px;
    overflow:hidden; /* to clear */
}

li {
    float: left;
    width: 50%;
}

---

这就是我所做的。这是对errkk答案的一点修改，所以我将他的答案标记为已接受

li { width: 48%; }

.odd { clear: both; }

.even { margin-left: 4%; }

---

如果你删除

clear:left

和

clear:right

，你的演示在现代浏览器中不会改变，它在IE6中也能工作。您需要清除

有什么原因吗？一个原因是，如果您的
li
s不总是彼此高度相同。还有，你为什么支持IE6？据报道，它在英国的市场份额为1.4%。@thirtydot支持不是我的决定（我们的产品支持NT4！）。元素的高度不同，我认为需要水平对齐。这种方法适用于IE6:。你怎么看？无序的列表模仿表格？肯定有更好的解决办法吗？
li { width: 48%; }

.odd { clear: both; }

.even { margin-left: 4%; }