firefox의 표제 자 폭

Question

이 페이지의 표에는 display : table-caption set이있는 설명이 있습니다.

<table class="product-data"> 
       <caption> 
        Rated for lifting in accordance with EN 13411-8. WLLs stated based on 90% of wire MBL at a 6:1 factor of safety. All terminals permanently etched with CE mark and batch identification number. 
       </caption> 
       <tbody> 
        <tr> 
         <td data-th="Product Code">SCM6X3R-EN</td> 
         <td data-th="Wire (mm)">3</td> 
         <td data-th="Thread">M6</td> 
         <td data-th="D (mm)">6.3</td> 
         <td data-th="L (mm)">97.0</td> 
         <td data-th="CT (mm)">47.0</td> 
         <td data-th="WLL 7x19/6x19-IWRC">70kg</td> 
         <td data-th="WLL 6x36-IWRC">N/A</td> 
        </tr>     
        </tbody> 
      </table>` 

그리고 CSS는 내가 사용 :

http://www.petersen-stainless.co.uk/lifting/CE-swage-sockets/stainless-steel-threaded-sockets.html

html로는

.content .product-data { 
    float: left; 
    margin-right: 20px; 
    width: 70% 
} 

.product-data caption { 
    display: table-caption; 
    width: 100%; 
    margin-bottom: 2em; 
    border: 1px solid #ccc; 
    box-sizing: border-box; 
    border-top: none; 
} 

그것은 웹킷 브라우저에서 테이블의 100 % 폭으로 표시하지만, 파이어 폭스에서입니다 페이지의 너비가 100 %입니다. 이 캡션을 파이어 폭스에 맞게 올바르게 가져 오려면 어떻게해야합니까? 그게 버그 야? 이런 식으로 행동해서는 안되는 것 같습니다. 그렇다면 어떤 해결 방법이 있습니까?

Answer 1

질문 자체 ** 재현하는 데 필요한 가장 짧은 코드를 포함해야하는 코드의 도움을 구하고