IEとFirefoxでの表示の違い

質問

IEとFirefoxの違いで、うまく表示がさせません

http://vileap.heteml.jp/

上記のサイトにてIEでは、右側のボックスの「aaaaa」の文字が下に表示させていまい、Firefoxでは正常に表示させます。

どうすれば直りますでしょうか？

ご教授お願い申し上げます。

回答No.1

t_freak · ベストアンサー

#content_box_right{
margin-top:-620px;
padding-left:400px;
width:670px;
}
margin-top:-620px;が効いていないような気がします。

#content_box_right{
position:relative;
top:-620px;
padding-left:400px;
width:670px;
}

これでどうでしょうか？

お礼

ご返信ありがとうございます。

上記の内容で、IEでも-620pxで表示されるようになりましたが、
今度は、下のスペースがかなり空いてしまいます。

通常通り下を詰めることは可能でしょうか？

回答No.2

t_freak

では、これでいかがでしょうか？

#content_box_right{
margin-top:-620px;
padding-left:400px;
position:relative;
width:670px;
}

或いは、#content_box_leftでposition:absolute;を使用してうまく表示されているようなので、position:relative;の代わりにposition:absolute;を使用するといかがでしょうか。

参考URL：

http://www.stylish-style.com/csstec/basic/m-kasane.html