IEのフッターで作業するのに助けが必要

Question

ウェブデザイナーとして、できるだけ多くのブラウザで動作するウェブサイトを作りたいと思っています。私はまだIEを使用している訪問者のためだけにIE 7を設計しようとし、何も知らない。しかし、私はあまりにも身近なIEのIEではないし、それは間隔であり、ハックです。

私のウェブサイトは、IE以外のすべてのブラウザでyou can view it hereとよく見えます。 ：ありがたいことに、今はフッターだけです。

誰かが私に助言を与えて、この問題を解決し、IEに関するいくつかの参考文献や記事を投稿してくれることを願っています。&間隔の問題&ハッキングです。

私のフッターはIE 7、IE 7または8のいずれかに

を動作しません：

IE 8：

CSS

#footer { width: 100%; height: 503px; background: url(img/FOOTER-bg.jpg) repeat-x; background-color: #821d20; margin-top: 100px;/*border: 1px solid #0C0;*/} 
#footer a { text-decoration: underline; color: #c7bd89 !important; } 
#footer a:hover { text-decoration: none; color: #fff; } 

#footer h6 { background: url(img/FOOTER-HR-BG.jpg) left center repeat-x; text-align: left;} 
#footer h6 span { background: #8e2023; display: inline-block; padding-right: 5px; } 

私はしましたさまざまな方法で試しましたが、このフッターでIEで何が起こっているのか分かりません。誰かが何が起こっているかもしれないかについてのいくつかの光を当てはめることができれば、それは非常に高く評価されるでしょう！

Answer 1

あなたは初心者のための閉鎖された脇の要素を持っています。あなたがie8でそれを表示し、f12の開発者用ツールを使用すると、フッターがどのように要素の子になっているかを見ることができます。その男を閉じて....助けてください。

Answer 2

"float：right;"を使用する代わりに、 "position：absolute; right：-2px;"を使用する代わりに、問題の根本がわかりません。問題を解決するように思われる（#searchformに相対位置があることを確認する）。