子弹在Chrome和IE中的位置

Question

我面临着子弹位置的问题 它在Firefox中看起来不错，但在Chrome和IE中它搞砸了

火狐：

铬/ IE：

这是显示div的css

background: url("/images/divider_right_top.jpg") no-repeat scroll left top transparent;
font-size: 12px;
margin-bottom: 20px;
overflow: auto;
padding: 20px;

Answer 1

你必须在css中直接设置UL：

#yourdiv ul{ list-position:outside; /*(or inside as you need)*/ 
             padding:20px;}

这应该有效

Answer 2

不要设置填充。使用边距。

ul { margin: 1em 0; } li { margin: 0 0 0 1.4em }

Answer 3

为列表元素提供CSS，如'

li
{
background: url(/images/divider_right_top.jpg) no-repeat left;
padding-left: 10px;
list-style-type: none;
}