IE에서 중복되는 테이블 테두리

Question

IE가 테이블 행에 CSS 스타일을 적용하지 않는다는 것을 알고 있으므로 대신 각 셀에 스타일을 추가 한 해결 방법을 수행해야했습니다. 이제 내 문제는 Firefox/Chrome에서 바깥 쪽 경계가 완벽하게 표시된다는 것입니다. IE에서는 셀의 아래쪽 경계선과의 간격이 있습니다.

body { 
background-color: #cc0000; 
} 

.tablewhite{ 

border-collapse: collapse; 
} 

.tablewhite td{ 
background-color: #cc0000;; 
color: #000; 
font-weight: 10px; 
border: 1px solid #fff; 
padding-left: 2psx; 
padding-right: 4px; 
border-spacing: 0px; 
} 

:이 차이가 http://i.stack.imgur.com/9rg8S.jpg 어떻게 생겼는지 내가 링크 된 스타일 시트의 내용을 변경할 수 없습니다 나는 그들이 여기 CSS Table cell border overlapping table border

링크 된 스타일 시트 (style.css에는) 내용을 말하려고 무엇을 알아낼 수 없습니다입니다 HTML 페이지 : http://pastebin.com/2mZYDx1n 테이블에 테두리를 추가

Answer 1

시도 :

.tablewhite{ 
    border: 2px solid black; 
    border-collapse: collapse; 
} 

Answer 2

.tablewhite { 
    border-left: 1px solid #A3A3A3; 
    border-right: 1px solid #A3A3A3; 
    background: #CCC; 
} 

.tablewhite td { 
background-color: #cc0000;; 
color: #000; 
font-weight: 10px; 
border-bottom: 1px solid #fff; 
padding-left: 2psx; 
padding-right: 4px; 
border-spacing: 0px; 
} 

Answer 3

는이 작업을 수행 :

body { 
background-color: #cc0000; 
} 

.tablewhite{ 


border: 2px solid #000; 
border-collapse: collapse; 

} 

tr { 
    border-left: none !important; 
} 

.left { 
    border-left: none !important; 
} 

.right { 
    border-right: none !important; 
} 

.tablewhite td{ 
background-color: #cc0000;; 
color: #000; 
font-weight: 10px; 
border: 1px solid #fff; 
padding-left: 2px; 
padding-right: 4px; 
border-collapse: collapse; 
} 



tbody { 
    border: 2px solid #000; 
}