css - IE7 の DIV は、どういうわけか幅を無視して残りのスペースを占有します

Question

皆さんのために簡単に説明させてください：

Internet Explorer 7 でhttp://chetanreddy.com/chat/にアクセスします。

1 つの単語の後に多くのスペースがあることに注意してください。IE7を除くすべてで正常に動作します。助けていただければ幸いです。

編集したい場合：http: //jsbin.com/eribuf/3/edit

Answer 1

わかりました、まず、背景ボックスの1つに最小高さが必要です。これは、グラデーションを壊しているためです。

.wBoxTall .right, .gBoxTall .right {min-height: 29px;}
.wBoxTall .bottom .right, .gBoxTall .bottom .right {min-height: 0;}

IE7 で問題が発生した場合は常に、要素 hasLayout を指定することを最初に試みる必要があります。これは奇妙な小さなバグであり、スタイルが期待どおりに機能しないことがあります。また、位置を指定すると便利な場合もよくあります。これを試して：

.wBoxTall, .gBoxTall {zoom:1; position:relative}