DTD선언시 멀쩡하던 테이블이 ㅜㅜ 몇픽셀씩 늘어나고
행간 15픽셀 정도씩의 유격이 발생합니다.
첨부 파일의 분홍색 라인 부분이 DTD선언시 벌어지는 유격부분 입니다.

아래중 어딘가에 문제가 있는걸까요...
답변 부탁드리겠습니다. (_ _ )

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>어노잉오렌지</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="slider.js"></script>

<style>
.slidewrap {margin-bottom: 0px;background-color:#efefef;*zoom:1;display:inline-block;padding:0px;border:0px #c9c9c9 solid;text-align:center}
.slidewrap:after {content:""; display:block; float:none; clear:both;}

#transSlider {border:0px #666 solid;margin:0 auto;}
#control{margin-top:0px;display:inline-block;}
#control:after {content:""; display:block; float:none; clear:both;}
#control a{text-decoration:none;height:0px;width:0px;display:block;cursor: pointer;background: url(img/page.gif) 0 0 no-repeat;float:left;margin-left:3px;}
#control a.active{background: transparent url(img/page.gif) center bottom no-repeat;}
#control a span{visibility:hidden;}
.imageTitle {font-family:돋움;font-size:11px;letter-spacing:-1px;}
</style>