IE CSS百分比

我正在爲一個項目製作一個網站，並且我使用百分比在多個分辨率/瀏覽器中使我的div浮動以實現交叉兼容性。它似乎對Firefox，Safari等工作正常，但IE 9的主要問題來了。這些項目似乎留在左上角。有任何想法嗎？IE CSS百分比

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 2012-04-24 03:38:55