タイトルを設定している際

必ずアイコンはCSSの背景画像で指定するようにしています。

と言うのもどんなブラウザでもぶれない構築ができるからです。

そこでよくありがちなつまずきポイント

アイコンを背景で指定し、タイトルがアイコンの下に回り込んだ時・・・

ex

display: inline-block;

をAタグにほうり込めば一発解決!よっしゃ!

 

例)

#main .post h2 a{
color:#333333;
padding:0 0 0 38px;
display: inline-block;
background:url(../images/h2icon.gif) left 5px no-repeat;
}

text-indent等、出る幕ありませんでした。