Firefoxでリストマークが表示されない

ホームページ制作を行っていると、リスト形式の表現がちょくちょく
出てきます。
<li></li>ってやつです。

今日年賀状のページを作成中、リスト表現を使用する機会があり、
何も考えずページを作り、仕上がりをFirefoxで確認してみました。

すると、リストマークが表示されていないではないですか？

「あれ？」と思い、IE7・IE6で確認すると、問題なくリストマークが
表示されています。

「paddingが足りないのかな？」と思い、スタイルシートをいじるも
変化なし。

o(￣ー￣;)ゞううむ

(( アタフタ(￣ー￣;)(;￣ー￣)アタフタ ))


格闘すること数十分。


原因が分かりました。

CSSで li に display:block; を適用させていたのが原因のようです。

これがあると list-style-type:none; のようになってしまうようで、
リストマークが表示されません。

ブラウザによって表示が違うことは、しばしば直面しますが、
その度に作業が中断してしまいます。

困ったもんです＾＾；

でもこうやてって一つ一つ問題にぶつかり解決していくことが
スキルアップに繋がるんですよね☆

どうしても分からないときはYahoo!さんやgoogleさんに助けてもらい
ますが、極力自分で解決できるよう心がけていこうかと思います。

LINK
挨拶状｜はがき 印刷｜引越し はがき｜結婚 はがき
出産 はがき｜年賀状｜喪中 はがき｜暑中見舞い