Firefoxで文字と画像が重なってしまう。(スタイルシート)

質問

こんにちは。ブログのデザインをしているのですが、Internet　Explorerでは正常に表示されるものの、Firefoxで開いてみるとレイアウトが崩れてしまって困っています。

新しい記事を書く際に、画像が文章の左端にくるように、"float"の属性を使用しているのですが、firefoxだと画像の右側に配置されるはずの文章数行が、画像にオーバーラップしてしまいます。

CSSは以下のようになっています。これで、IMGタグを<leftbox>又は<rightbox>でくくるようにしています。
-----------------------------

.leftbox, .rightbox {
margin-bottom: 5px;
font-size: larger;
width: 20%;
}
.leftbox {
float: left;
margin-right: 10px;
}
.rightbox {
float: right;
margin-left: 10px;
}

-----------------------------

解決方法など、ご存知の方おられましたらどうぞよろしくお願いいたします。

回答No.1

noname#15943 · ベストアンサー

>>これで、IMGタグを<leftbox>又は<rightbox>でくくるようにしています。

ここは実際どのように書いていますか。

お礼

<span>の代わりに<table>を使用することで解決いたしました。　ありがとうございました。

補足

以下のようにしています。tzzzyさんの環境ではそういったことは起こらないでしょうか？いつもはPCを使用していますが今日Macに触れる機会があったので試しにサイトを開いてみたところ案の定、firefoxでの表示と同じく、画像に文字がオーバーラップしてしまいました。

------------------------------------------------

<span class="leftbox"><a href="http://www.サイトURL/image/画像名.jpg"><img src="http://www.サイトURL/image/サムネイル.jpg" width="200" height="250" alt="" title="" /></a></span>