ページの読み込み時に何も表示しないように設定された要素があります。選択リストから数値を選択すると、要素が jQuery で表示されます。これは、IE7 を除くすべてのブラウザーで正常に機能します。
IE7 では、JavaScript を無効にすると、すべてが正しくレイアウトされます。ただし、js をオンにすると (そして選択リストを介して要素が表示されると)、凡例が間違った場所に表示されます。開発者ツールでフィールドセットの幅を変更して元の値に戻すと、正しく表示されます。
そのため、IE7 の非表示要素のレンダリングの問題のようです。この CSS を追加すると、サイトが台無しになりますが、この特定の問題は修正されました。
* {
position: relative !important;
}