Force IE6 into quirks mode with this comment tag
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Drive: CSS Left, Bottom and Right Frames Layout</title>
<style type="text/css">

a:link {
	text-decoration: none;
	color: #89633D;
}
a:visited {
	text-decoration: none;
	color: #89633D;
}
a:hover {
	text-decoration: none;
	color: #9F8E79;
}
a:active {
	text-decoration: none;
}

body{

margin: 0;
padding: 0;
border: 0;
/*overflow: auto;
height: 100%; */
/*max-height: 100%; */
}

#framecontentLeft, #framecontentRight{
	position: absolute;
	top: 0px;
	left: 0;
	width: 125px;
	height: 75em;
	background-color: black;
	color: white;

}

#framecontentRight{
background-image:  url(bg8.jpg);
background-repeat: yes-repeat;
left: auto;
right: 0; 
width: 125px; /*Width of right frame div*/
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: black;
color: #990000;
border-color: black black black #132718;
border-style: solid;
border-width: 0px 0px 0px 10px
}

#framecontentLeft{
background-image:  url(bg7.jpg);
background-repeat: yes-repeat;
border-color: black #132718 black black;
border-style: solid;
border-width: 0px 10px 0px 0px
}

#framecontentBottom{
	position: fixed;
	bottom: 0;
	width: 80%;
	left: 15%;
	height: 3em;
	overflow: hidden;
	background-color: black;
	border-color: #333333;
	color: #996600;
	visibility: visible;
	


}

#framecontentTop{

top: 0; 
left: 10%; /*Set left value to WidthOfLeftFrameDiv*/
right: 10%; /*Set right value to WidthOfRightFrameDiv*/
/*width: auto;*/
/*height: 130; *//*Height of bottom frame div*/
/*overflow: auto;*/ /*Disable scrollbars. Set to "scroll" to enable*/
background-color: black;


color: #996600;

}

#maincontent{
top: 230;
/*position: absolute;*/
 /*Set bottom value to HeightOfBottomFrameDiv*/
left: 10%;
right: 10%; 
height: auto;
overflow: auto; 
background: #000;
color: #996600;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}



* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}

</style>

<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>

</head>

<body>



</body>
</html>
