css - リストの黒丸や四角の黒などが表示できない

比較的簡単なページを作成しています。
リストで黒丸を表示させようとしていますが、Firefox では表示できても Internet Explore 8 では出てきません。Firefox では指定した領域外の部分にではありますが表示されています。

例

<div>
<ul style="list-style-type: square; list-style-position: outside;">
  <li> 項目A</li>
  <li> 項目B</li>
  <li> 項目C</li>
</ul>
</div>
このブロックの左側に余裕がないので、Firefox では左隣りブロック内に四角の黒が表示され、IE 8 では文字列表示のみとなります。

原因は、CSSの始めの方で ULとOL を初期化していました。

margin: 0; padding: 0;

となっていますので、新しい ul タグ内に padding: 20px; か margin: 20px; を指示しておけばOKとなります。(少し慌てますね！)