css <li>タグについて

質問

CSSの<li>タグを<p>タグと同じ文字サイズ、文字間隔にしたいのですが、一致させることが出来ません。
また、インターネットエクスプローラとgoogle Chrome では<li>の文字サイズが異なっており、google Chrome の方が文字が小さいです。

サイト自体はテンプレート配布サイトより取得して加工して使用していますので、html、cssについて殆ど素人で申し訳ありませんが、ご教授願えませんでしょうか。

下記のページの■が付いている箇所です。
(■はオレンジ色をしています。)
http://kunaku.com/topic/kotuban/kotu.html

●html
<li class="img"><span class="color">■</span><a href="meritto.html#kubire" target="_self">くびれ美人</a></li>

●css
http://kunaku.com/main.css

li.img{
margin: 0;
padding:3px;
font-size:90%;
}

#main p,#main li,#main blockquote{
font-size:90%;
}

回答No.1

salonpath · ベストアンサー

#main ulの
font-size:90%を消すとどうでしょうか

お礼

CSSの事をちゃんと理解することなく追加した箇所でした。
本当にありがとうございました。

回答No.2

grumpy_the_dwarf

私も同感です。

#main p,#main li,#main blockquoteに共通してfont-size:90%;を
指定していますが、それと別に#main ulにも同じ設定をしています
ね。それで、#main liの指定は既に#main ulで90%に縮小されてい
るのに重ねて90%になり、合計81%となっています。

お礼

ulの指定を外すときれいに表示されました。
本当にありがとうございます。