Internet Explorer 7 및 목록 총알

Question

다음 페이지 : http://broadwayexport.com/demo/new/hometextiles.html Internet Explorer에서 오른쪽으로 정렬되지 않은 목록 총알이 완전히 꺼져 7.

을 보이지 않는다!

 .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을 제거 의 제안을 부여했지만, 그의 문제는 다음 목록 항목이 각각의 이미지와 일치하지 것입니다 : 여기

는 CSS입니다.

현재 동일한 레이아웃을 유지하면서 어떻게 수정합니까?

Answer 1

li에 vertical-align:top을 추가하고 상단 패딩을 제거하십시오. 또한 는

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

은 부정적인 여백을 조정에 맞게 전체 UL에 약간의 여백을 추가 할 수 있습니다. 또한 소실 트릭이 발생할 경우 position:relative;z-index:2 (강함에)을 추가하십시오.