Why is "the last line of the Left content" hidden on the left side at http://220.89.242.19:8500/test/02.cfm in 1024*768 resolution?


The following is the whole code for the page.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<HTML>

<HEAD>
<TITLE>SIS</TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

<STYLE type=text/css>

HTML {
	HEIGHT: 100%
}
BODY {
	HEIGHT: 100%
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; 
	MARGIN: 0px; COLOR: #000000; PADDING-TOP: 0px
}
#outer {
 	MIN-HEIGHT: 100%;  MARGIN-BOTTOM: -52px; 
	MARGIN-LEFT: 160px; BORDER-LEFT: #000 1px solid; COLOR: #000000; HEIGHT: 100%
}
UNKNOWN {
	HEIGHT: auto
}
#header {
	BORDER-BOTTOM: #000 1px solid;
	BACKGROUND: white; MARGIN-LEFT: -160px;  
	POSITION: relative
}
 HTML #header {
	HEIGHT: 70px
}
#left {
	FLOAT: left; MARGIN-LEFT: -159px; WIDTH: 160px; POSITION: relative
}
#left P {
	PADDING-RIGHT: 2px; PADDING-LEFT: 3px
}
 HTML #left {
	MARGIN-RIGHT: -3px
}
#footer {
	CLEAR: both; BORDER-TOP: #000 1px solid; WIDTH: 100%; COLOR: #000000; BORDER-BOTTOM: #000 1px solid; 
	POSITION: relative; HEIGHT: 50px; 
             BACKGROUND: white; TEXT-ALIGN: center
}
 HTML #footer {
	HEIGHT: 50px
}
#clearheader {
	HEIGHT: 72px
}
#clearfooter {
	CLEAR: both; HEIGHT: 40px
}
DIV {
	MARGIN-TOP: 0px
}
P {
	MARGIN-TOP: 0px
}
 HTML #centrecontent {
	MARGIN-BOTTOM: 12px; HEIGHT: 1%
}
UNKNOWN {
	FLOAT: left; MARGIN-BOTTOM: -52px; WIDTH: 0px; HEIGHT: 100%
}
</STYLE>
</HEAD>

<BODY>

<DIV id=minHeight></DIV>
<DIV id=outer>
	<DIV id=header>		 
		<P>Header</P>
		<P>Navigator</P>		
	</DIV>


	<DIV id=left>
		<P>
			Left Content goes here :1 
			Left Content 2 <br>
			Left Content 3 <br>
			Left Content 4 <br>
			Left Content 5 <br>
			Left Content 6 <br>
			Left Content 7 <br>
			Left Content 8 <br>
			Left Content 9 <br>
			Left Content 10<br>
			Left Content 11<br>
			Left Content 12<br>
			Left Content 13<br>
			Left Content 14<br>
			Left Content 15<br>
			Left Content 16<br>
			Left Content 17<br>
			Left Content 18<br>
			Left Content 19<br>
			Left Content 20<br>
			Left Content 21<br>
			Left Content 22<br>
			Left Content 23<br>
			Left Content 24<br>
			Left Content 25<br>
			Left Content 26<br>
			Left Content 27<br>
			 
			
		</P>
		
		
		
	</DIV>

	<DIV id=centrecontent><!--centre content goes here -->
		<P>
			Centre Content goes here : Centre content goes here : 
Centre Content goes 
			here : Centre content goes here : Centre Content goes here : Centre content goes 
			here : Centre Content goes here : Centre content goes here : Centre Content goes 
			here : Centre content goes here : Centre Content goes here : 
Centre content goes here : 
		</P>
		
		<P>
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 
		</P>

		<P>
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 
		</P>
		<P>
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 
		</P>
		
		<P>
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 		
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 
		</P>
		<P>
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 		
			Centre Content goes here : Centre content goes here : Centre Content goes here : 
			Centre content goes here : Centre Content goes here : Centre content goes here : 
		</P>
		
		
	</DIV>

	<DIV id=clearfooter></DIV><!-- to clear footer -->

</DIV>

<DIV id=footer>
	<P>Footer </P>
</DIV>
</BODY>
</HTML>