FirefoxとNetscapeについて

質問

こんにちは。
HTMLとCSSでホームページ作成をしています。
タイトルの部分に画像を挿入し、その下に<p>で文を入れて、背景色を指定したところ、IEではきちんと画像が表示されたのですが、
FirefoxとNetscapeでは、<p>で指定した背景色によってタイトルの画像が消されてしまいます。（画像はまったく見えない状態です）
色々考えてみたのですが、解決できませんので、
ご存知の方がいらっしゃいましたら教えていただけませんか？
よろしくお願いします。
スタイルシート
div.title { width: 700px; border-bottom: 1px solid #d3d3d3; margin:　0px; padding: 0px; float: left; }
p.gomikuzu { text-align: left; background-color: #0033cc; color: #ffffff; font-size: 80%; padding: 2px 15px; margin: 0px; position: relative; }

HTML
<div class="title"><img src="title1.png" width="700" height="80" alt=""></div>
<p class="gomikuzu">　HOME</p>

回答No.2

quads

どういう構成にしたいのでしょうか。
div に float を指定しておいて後続の p に何も指定していないというのは…。

p 要素に対して clear: both でも指定してください。

お礼

すみません。そうでした。pをdivで囲んだらできました。
ありがとうございました。

回答No.1

ESate

解決法
p.gomikuzuのmargin: 0px;をmargin: 0 0 0 700px;に変える（0px 0px 0px 700pxでも構いません）

お礼

早速のお返事ありがとうございます。
試してみましたが、右側縦に表示されてしまいました。
もう一度考えてやってみようと思います。ありがとうございました。