크롬 사파리에서 col 안먹음

아래와 같은 테이블 구조가 있을 때, 구글크롬과 사파리에서만 col 값이 안먹는다.
tr.thArea 부분의 위 행에 colspan 시킨 행이 존재 할때 tr.thArea의 td 및 th 에 col with 값이 제대로 안먹는다.
원인은 caption 을 가리기 위해 visibility:hidden 또는 position:absolute 또는 text-indent 속성을 주었기 때문.
해결방법은 display:none을 주면 된다.

                <table>
                <caption></caption>
                <col width="11%" />
                <col width="auto" />
                <col width="9%" />
                <col width="9%" />
                <col width="8%" />
                <col width="5%" />
                <thead>
                <tr>
                    <th colspan="6"></th>
                </tr>
                <tr class="thArea">
                    <th></th>
                    <td></td>
                    <th></th>
                    <td></td>
                    <th></th>
                    <td></td>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td colspan="6"></td>
                </tr>
                </tbody>
                </table>