更无序的列表填充/边距跨浏览器疯狂

Question

我刚收到这个非常棒的帮助： Is there a way to extend background color of unordered list items to go behind bullets?

然后我正在处理text-indent属性以再次排列这个无序列表中的包装文本，但是看起来它看起来像IE和FF处理填充的方式不同，以至于真的弄乱了布局。任何解决方案？

Firefox（好）

FF Good http://mbira.me/images/ff_good.jpg

IE（坏） alt text http://mbira.me/images/ie_bad.jpg

列表的css：

.registerbox ul{

}

.registerbox ul li.light{
list-style-type:disc;
list-style-position:inside;
margin:2px 0px 2px -20px;
padding:2px 30px;
background-color:#FFFFB0;
text-indent:-12px;
}
.registerbox ul li.dark{
list-style-type:disc;
list-style-position:inside;
margin:2px 0px 2px -20px;
padding:0px 30px;
text-indent:-12px;
}

Answer 1

为了解决这个问题，我最终制作了一颗子弹并摆脱了默认的子弹。