左浮动元素和无序列表(ul)[重复]

我有一个(XHTML Strict)页面,在这个页面上,我将图像与常规文本段落一起浮动。一切顺利,除了用列表代替段落。列表中的项目符号与浮动图像重叠。

更改列表或列表项的边距没有帮助。页边距是从页面的左侧计算出来的,但是浮动会将列表项推到右侧 里面 这个 li 本身。所以边距只有在我使它比图像宽的情况下才有用。

在图像旁边浮动列表也可以,但我不知道列表何时在浮动旁边。我不想让我的内容中的每个列表都浮动,只是为了解决这个问题。另外,当图像浮动时,左浮动会使布局混乱 向右 而不是名单的左边。

设置 li { list-style-position: inside } 将项目符号与内容一起移动,但也会导致换行的行开始与项目符号对齐,而不是与上面的行对齐。

这个问题显然是由于子弹被渲染到盒子外面,浮子将盒子的内容推向右边(而不是盒子本身)引起的。这是IE和FF处理这种情况的方法,据我所知,按照规范,没有错。问题是,我如何才能防止这种情况发生?