divタグ内のコンテンツが重なって表示されてしまう。

質問

下記のようなHTMLを表示させるときに
IEでは上下に並んで表示されるのですが、FF、Operaなどでは重なって表示されてしまいます。
どうしたら、上下に並べて表示させられますか？

<div id="a">
<div id="b">
<ul>
<li>重なってしまう文字列</li>
<li>重なってしまう文字列</li>
</ul>
</div>
</div>
<table>
<!-- このテーブルタグの上に重なって表示されてしまう -->
</table>

回答No.2

yyr446

CSSのどの部分かよくわからないなら
タグで指定したstyle属性の方が優先するはずだから
style="position:relative;clear: both;"
で直接打ち変えてしまえば。

お礼

自己解決いたしました。
ulタグに、height指定があったため、その数値以上にliの個数が増えた場合
下のタグに重なってしまったようです。
<ul style="height:auto;">とすることで対応しました。

ご回答頂きありがとうございました。

回答No.1

salonpath

cssで何かしてるんですよね？
そこらへんの情報もお願いします。

補足

.a {
margin: 0.5em;
color: red;
}
といった感じでid="a"には指定してます。
aは仮で、実際は別の名前使ってます。

他にも指定があるのかもしれませんが、ちょっと多くて把握できてないです。これらのタグに直打ちで設定を上書きする方法があればと思います。