IE CSS Percentage

私はプロジェクト用のウェブサイトを作っています。複数の解像度やブラウザ間での相互互換性のためにdivをフロートさせるためにパーセンテージを使用しました。 Firefox、Safariなどでうまく動作しているようですが、大きな問題はIE 9にあります。項目は左上隅に置かれているようです。何か案は？IE CSS Percentage

CSS：

#center-container { 
    width: 960px; 
    height: 100%; 
    margin:0 auto; 
} 
img#google { 
    padding-top: 17%; 
    padding-left:35%; 
    margin: 0 auto;  
} 
form#searchBox { 
    padding-top: 25px; 
    padding-left:25%; 
    margin: 0 auto; 
} 
#buttons { 
    padding-top: 20px; 
    padding-left: 40%; 
}

HTML：

<div id = "center-container"> 
<img id="google" src="images/google.png" width="275" height="95" /> 
<form id="searchBox"> 
    <input type="text" id = "search" name="search" size="85"/><br />   
</form> 
<div id="buttons"> 
    <a href="javascript:void(0)" onClick="searchCensor()" class="button">Google Search</a> 
    <a href="#" class="button">I'm Feeling Lucky</a> 
</div> 

</div>

ウェブサイト：andrewgu12.kodingen.com/history

出典

2012-04-24 Andrew

どのバージョンのIE？また、あなたのHTMLはどのように見えますか？ – twaddington