私はこれに完全に困惑し、IE7の問題を完全に理解していません。問題のページはhereで、私はトップグレーのメニューバーについて話しています。他のすべての合理的に現代的なブラウザでは、それはちょうどいいようです。 IE7（とIE6でも可能ですが、それはサポートしていませんが）float:rightを持つdiv.navArrow要素が右端に移動し、親要素<li>がページの残りの幅を占めるようになります。IE7 float rightは、親要素が全幅を占めるようにします。
これを修正するにはどこから始めるべきかわかりません。どんなアイデアですか？
私は実際には以下のIE7とのための特別なCSSを適用することによって、これを修正しました。私は親に<li>float:rightスタイルを、div.navArrowにfloat:noneを与えました。それはトリックを行うように見えた。
Meybeはどのような種類の使用にも役立ちます。私が経験したところでは、position: relative;が修正されないことがわかっているので、IE7でzoom: 1;と修正できます。 Facebookはこのclearfixを使用しています。
.clearfix{
zoom: 1;
}
.clearfix::after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
コンテンツがコンテナの外に流れないという問題ではない場合、あなたはかなり正常に動作するoverflow: hidden;とコンテナとその使用を設定することができます。
DOCTYPEの前にスペースがあり、この問題を引き起こす可能性が最も高いものです。また、適切なDOCTYPE（例えば<!DOCTYPE html>など）を定義して、エラーがいっぱいのページを検証します。
div.navArrow要素にも最小幅を使用してみてください。また、テストのために、親liに幅を追加し、それが違いを生むかどうかを確認します。 IE7はmin-widthプロパティを使用します。また、zoom：1を追加すると違いがあるかどうかを確認してください。 –
下記の解決策を掲載し、あなた自身の答えを受け入れてください。それはあなた自身の質問を解決するときにこのサイトを使う正しい方法です。 – Sparky