IE 와 FireFox 에서 표 감추기

IE 와 FireFox 에서는 표를 감추는 방법이 다르다.

IE           border : none
FireFox   border : hidden

border: none 으로 하면 IE 에서는 표가 사라진다.

그러나 FireFox 에서는 나타난다.

border:hidden 으로 하면 FireFox 에서는 사라진다. (첫번째 td 에서만 border:hidden 했을 때)

 
IE 에서는 나타난다.

IE , FireFox 에서 모두 사라지도록 만들려면 다음과 같이 해야 한다.

border-width:0px; border: hidden;

border-width 를 0px 로 만들면 IE 에서는 border: none 과 같은 효과가 있다. border: hidden 으로 하면 FireFox 에서 표를 사라지게 만든다. 표의 일부를 사라지게 만드려면 border-left, border-top, border-bottom, border-right 를 각각 설정해 주면 된다.



P.S. FireFox 4 에서는 border: none 을 하면 사라진다. 즉, IE 와 동일하게 작동한다.