html - float div 中的列表

Question

所以我正在布置一个 div。在这个外部 div 内部还有 4 个 div，如下所示。

-----------------------------------
.      div 1      .               .
...................   div 2       .
.                 .               .
.   div 3         .               .
.   (ul list 1)   .               .
.                 .               .
...................................
.                                 .
.                                 .
.           div 4                 .
.           (ul list 2)           .
.                                 .
...................................

outerdiv 的内边距为 20px。我的问题是列表的元素符号在 IE6 中缩进了大约 20px，在 IE7 中缩进了大约 10px。这太奇怪了，我无法弄清楚发生了什么。在 IE8 和 FF2+ 中一切看起来都很好。

有人知道吗？我知道我的描述可能缺少一些细节，所以请询问，我会尽力澄清。提前干杯。

编辑:Html 示例

<div style="padding: 20px;">
    <div style="float: left;">
        div 1
    </div>
    <div style="float: right;">
        div 2
    </div>
    <div style="float: left;">
         <ul>
           <li>List item 1</li>
           <li>List item 2</li>
         </ul>
     </div>
 <div>

我刚刚尝试将 display:inline 添加到 ul 的样式中，元素符号点出现在 IE6 中，但格式很难看。它看起来像这样:

 .Some text after the bullet point 
 is indented under unlike ff

但在 FF 中看起来像这样。

 .  Some text after the bullet point
    is indented under unlike ff

Answer 1

你试过吗:

list-style:disc inside;

?