IE8 table border-top 사라짐

Question

안녕하세요. 테두리가있는 테이블이 2px로 설정되어 있습니다. 이것은 IE8을 제외한 모든 브라우저에서 작동합니다. CSS :

<style type="text/css"> 
.mytable { 
    border-collapse: collapse; 
    border: 0; 
    border-top: 2px solid #43848C; 
    width: 300px; 
    margin:0 2em 1em; 
    border-bottom: 1px solid #72afb6; 
} 
    .mytable tr { 
     border-color: #72afb6; 
     border-width: 1px 0; 
     border-style: solid; 
    } 
     .mytable td { 
      margin: 0; 
      padding: 8px 10px 7px 10px; 
      border: 0 solid transparent; 
      border-bottom: 1px solid #72afb6; 
      vertical-align: middle; 
      width: auto;   
     } 
     .mytable .th { 
      background-color: #f0f7f5; 
      color: #42828b; 
      font-weight: bold; 
      font-variant: normal; 
      font-size: 14px; 
      vertical-align:top; 
     } 
</style> 

HTML :

<table class="mytable"> 
    <tbody> 
    <tr> 
     <td class="th">Heading 1</td> 
     <td class="th">Heading 2</td> 
    </tr> 
    <tr> 
     <td>Lorem ipsum</td> 
     <td>Lorem ipsum</td> 
    </tr> 
    <tr> 
     <td>Lorem ipsum</td> 
     <td>Lorem ipsum</td> 
    </tr> 
    <tr> 
     <td>Lorem ipsum</td> 
     <td>Lorem ipsum</td> 
    </tr> 
    <tr> 
     <td>Lorem ipsum</td> 
     <td>Lorem ipsum</td> 
    </tr> 
    <tr> 
     <td>Lorem ipsum</td> 
     <td>Lorem ipsum</td> 
    </tr> 
    </tbody> 
</table> 

감사합니다! 데빈

Answer 1

귀하의 공급 코드는 나를 위해 작동 : http://jsbin.com/alaba/

다른 곳에서 문제가 될해야합니다 ... :(