Internet Explorer 7和表子彈

Question

以下頁面：http://broadwayexport.com/demo/new/hometextiles.html不正確地在Internet Explorer 7中

的無序列表中的子彈完全脫落！

這裏是CSS：

 .productdev {} 
     .productdev h2 { 
     color: #193175; 
     float: left; 
     } 
     .productdev .title { 
     color: #FFF !important; 
     font-size: 1.2em; 
     line-height: 24pt; 
     } 
     .productdev .italy { 
     font-style: italic; 
     font-size: 1em; 
     clear: both; 
     float: none; 
     color: #193175; 
     } 
     #content-image { 
     padding-top: 50px; 
     } 
     .productdev ol, #productdev ul { 
     margin-left: 15px; 
     } 
     .productdev ul { 
     margin-left: 5%; 
     } 
     .productdev ul > li { 
     padding: 15px 0px 0px; 
     height: 190px; 
     } 
     .productdev ul li ol{ 
     padding-top: 3px; 
     } 
     .productdev ul li ol li{ 
     padding: 3px; 
     } 
     #main #content { 
     min-height: 45em; 
     } 
     #content-image img { 
     width: auto !important; 
     padding: 15px 0px 10px; 
     padding-right: 15px; 
     } 

有人給過我的從.productdev ul > li移除的height的建議，但這個問題是那麼的列表項不會與它們各自的圖像排隊。

我該如何解決這個問題，同時仍保持與我目前相同的佈局？

Answer 1

將vertical-align:top添加到li並刪除頂部填充。 此外，

ul > li > strong { display:block; margin-top:-5px } 

調整負利潤率和增加對整個UL一定的餘量，以適應​​。 也加入position:relative;z-index:2（對強者）消失的技巧。