css - 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 }