Internet Explorer 7およびリストの弾丸

Question

次のページ：http://broadwayexport.com/demo/new/hometextiles.htmlは順不同リスト7.

弾丸が完全にオフになっている右のInternet Explorerで見ていません！ここで

は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

liにvertical-align:topを追加し、トップパディングを削除します。 また、

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

はその負のマージンを調整し、合わせて全体のULにある程度のマージンを追加します。 また、消滅するトリックの場合はposition:relative;z-index:2を（強く）追加します。