IE8スティッキーフッターの問題

Question

Firefoxでthisを見ると、下のフッターは、サイズ変更や移動などのときにウィンドウの右にとどまることがわかります。しかし、IE8では、最初に底に座るか、ウィンドウで移動することはできません。また、おそらくいくつかの問題があります。私はthis siteからコードを手に入れました。それはIEと互換性があると言われていますので、何か間違ったことをする必要があります。私は、コード私の状況に合わせてビットを変更しなければならなかったが、ここではIE固有のCSSです：

* { 
margin: 0; 
} 

#container{ 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -30px; 
} 

#footer, .push{ 
height: 30px; 
width: 100%; 
background: -moz-linear-gradient(top, #565656, #303030); 
background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#303030)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#303030'); 
text-align:center; 
font-family: loginfont; 
font-size:13px; 
color: #fff; 
padding-top:5px; 
clear: both; 
} 

誰が間違って何が起こっているのかを教えてもらえますか？この時点で私は絶対に無知です。私はIEが嫌いです...

Answer 1

わかりませんが、問題の原因となっているpadding-top:5px;になる可能性があります。 margin: 0 auto -30px;をmargin: 0 auto -35px;に変更してみてください。

Answer 2

に<div class="push"></div>を追加し、position:relative;~#containerを追加すると、静的に配置された要素にはマイナスのマージンが適用されません。