border-collapse:seperate일때 ie7에서 cellspacing="0" 속성 안써주면 벌어지는 현상

안녕하세요..현재 html5로 작업중인데 테이블의 border-collpase관련 질문 드리겠습니다.보더가... th의 border-bottom에 1px 라인이 들어가고 첫번째 td border-top에 1px 라인이 들어가야하는 디자인인데요border-collpase:collpase; 를 주면 두라인이 겹쳐보여 border-collapse:seperate;를 주고, border-spacing:0; 주었습니다.(이해를 돕기위해 th하단은 레드, td 상단은 블루 색상 보더 주었음)그런데 seperate를 주니 ie7에서는 저렇게 라인들이 벌어져보여서table에 cellspacing=0 을 주면 상단처럼 의도대로 제대로 보입니다.문제는 w3c 테스트를 해보면 html5에서는 cellspacing 속성이 없어진것이기때문에 오류사항으로 잡히는데요...혹시 ie7에서 cellspacing=0 안주고 상단이미지처럼 보일 수 있는 방법 아시는 분 계신가요???bg 로 repeat-x로 이미지 깔아버리자니.. th가 두줄일때도 있고 해서.. 왠만하면 border 속성으로 해결하고싶은데..많은 답변 부탁드리겠습니다.
표준 브라우저 화면 & (table에 cellspacing=0을 써줬을 경우ie7 브라우저)
ie7화면(table에 cellspacing=0을 안써줬을 경우)