CSS：顯示：內聯似乎並不在IE

工作，我使用CSS可以作出橫向顯示這樣CSS：顯示：內聯似乎並不在IE

<div id="header"> 
    <ul> 
     <li class="header-li">....</li> 
     <li class="header-li" style="width: 200px; display: inline-block;"> 
          ...         
     </li>        

    </ul> 
</div>

這裏無序列表ul是我的CSS

#header 
{ 
    height: 30px; 
    width: 985px; 
    padding: 0px 10px 0px; 
    vertical-align: middle; 
    display: inline-block; 
    font-size: 14px; 
    overflow: hidden; 
} 
#header ul{ 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    list-style-image: none; 
} 

.header-li{ 
    display: inline;  
    padding-right: 20px; 
}

display:inline是幫助水平顯示我的列表，這項工作在FF，Safari和Chrome上，但不適用於IE8。請幫助這裏是一些屏幕截圖顯示的Firefox之間的不同的外觀和IE看看

FireFox, Chrome and Safari Look IE Look