IE9/Chrom table border 문제

가끔 IE9와 크롬에서 테이블 선이 제대로 안보이는 때가있다

예로 아래의 이미지를 보자

위에 세개의 테이블은 각각 크롬/Ie9/파폭에서 봤을때의 모습이다.

속성으로는 border-collapse:collapse와 boder:1px solid #000을 주었다.

하지만 각각의 브라우저에서 나오는 모습은 다르다.

속성의 에러로 인한 문제인데 이럴때 border-collapse에 속성을 collapse로 주지말고 separate 로 주면 

크롬과 ie9 브라우저에서도 정상적으로 출력이 된다.