<div class="visualBox">
	<div>
<div style="overflow:hidden;BACKGROUND-IMAGE: none; BORDER-BOTTOM: #dedede 1px solid; BORDER-LEFT: #dedede 1px solid; 
BACKGROUND-COLOR: transparent; MARGIN: 0px; WIDTH: 100%; BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; 
FLOAT: left; BORDER-TOP: #dedede 1px solid; BORDER-RIGHT: #dedede 1px solid">

위에서 width:100%로 1000px 잡아둔 상태에서 좌우측 border를 1px씩 추가 하셔서 1002px로 넓이가 잡혀있고
.visualBox의 overflow:hidden;으로 길게 1000px 이상으로 잡힌 2px을 안보이게 만들었기에 생기는 문제입니다. 
이럴땐 div 자체가 block 속성이기에  width:100%같은 부분을 넣지 않아도 알아서border의 넓이를 감안해서 100%로 잡아 줍니다.

그 보다는 제가 1028px의 모니터에서 파폭 브라우져로 볼때 test의 t자가 짤려서 안보이는 현상이 있습니다.

첨 시작할때 css에 *{margin:0; padding:0}을 넣은 다음에 다시 잡아 가셔야 할거 같습니다.