将列表项剪辑放置在浮动元素旁边时

我目前正在探索的模板上使用的一个错误 http://www.ecovivo.be/rubriek/food .

问题: 访问链接时,您会注意到右侧有一个内容较大的浮动图像。现在一切正常。但在激活列表样式类型时,列表图像/数字将与图像一起剪辑,而文本将正确转义。正常的边距和填充将不起作用,因为ol和li元素在图像后面的宽度上延伸。

如果有人曾经遇到过这个问题或类似的问题,请提供一些见解。

• 图像和列表上“显示”的不同组合。
• 溢出和缩放

• 在Drupal上运行。
• 的内容部门内容由所见即所得编辑器生成。

所以请不要评论HTML有多糟糕。

• 将浮动图像的不透明度设置为50%,以显示ol和li边界。
• ol和li元素有一个左边框来说明大小。