CSS：无序列表<；ul>；IE中的缩进问题

我在IE中运行无序列表标记（）时遇到问题

请使用IE和Chrome查看此链接。目前，我的项目符号与我的图像重叠。我怎样才能在IE中解决这个问题

}

注意：理想情况下，我不想将文本内容移到'div.wysiwug'之外。您可以创建新的div来包装它或将其移动到上面的image div中

<div class="wysiwyg">
<div style="float: left; margin: 0 12px 8px 0;">
    <img src="" alt="" width="267" height="200"/>
</div>      
    <p><strong>My title!</strong></p>
    <ol>
        <li>Line 1</li>
        <li>Line 2</li>
        <li>Line 3</li>
    </ol>
    <ul>
        <li>Line 1</li>
        <li>Line 2</li>
        <li>Line 3 </li>
    </ul>
    My content!

    please add ol and ul this property in css:
    ol,
    ul{display: inline-block;}

我的头衔

第1行
第2行
第3行

第1行
第2行
第3行

我的内容！
请在css中添加ol和ul此属性：
ol,，
ul{显示：内联块；}

我的头衔

第1行
第2行
第3行

第1行
第2行
第3行

我的内容！
请在css中添加ol和ul此属性：
ol,，
ul{显示：内联块；}

将ol的CSS应用到ul也成功了。为了清洁起见，我还把你右手的东西包在一个小盒子里

.wysiwyg ol, .wysiwyg ul {
     list-style-position: inside;
}

---

Fiddle:

将ol的CSS应用到ul中也成功了。为了清洁起见，我还把你右手的东西包在一个小盒子里

.wysiwyg ol, .wysiwyg ul {
     list-style-position: inside;
}

---

Fiddle:

如果将

块

的

显示属性

值

添加到

LI

，您就没事了

li{
显示：块；
}
.wysiwyg ol{
列表样式位置：内部；
}

我的头衔

第1行
第2行
第3行

第1行
第2行
第3行

我的内容！

如果将

块

的

显示属性

值

添加到

LI

，您就没事了

li{
显示：块；
}
.wysiwyg ol{
列表样式位置：内部；
}

我的头衔

第1行
第2行
第3行

第1行
第2行
第3行

我的内容！

非常感谢，它很有效。但上面的答案更好，我想：）非常感谢，它很有效。但我认为上面的答案更好：）

.wysiwyg ol, .wysiwyg ul {
     list-style-position: inside;
}