silent_circus

I am confused with a problem viewing a page i am creating for a website.You need IE and another browser (i use firefox) to see what i mean. The page i am working on is:http://www.g3sbt.com/kent/aboutus.htmlOpening in Firefox you will see the intended layout of the page, however when you view in IE, i have version 6.0, the position of the boxes/sheets/whatever is different. Feel free to view the source, I have included the code from the external sheet below.I dont uderstand this problem any tips or fixes would help, feel free to email me at kenttaylor84@gmail.com Thanks.

* {  margin: 0 auto;  padding: 0;}body {	background: #fff url(images/bgpattern.gif) repeat-x; 	color: #000000; 	font: 0.7em "Verdana", Helvetica, Arial, sans-serif; 	text-align: center; 	color: black;} #headwrap {	position: relative; 	clear: both; 	width: 880px; 	height: 212px; 	text-align: center; 	color: yellow; 	background-image:url(images/header_red.gif); }#navigation {	height: 30px;	width: 600px;	position: absolute; 	bottom: 5px;	left: 200px;}#wrapper {	position: relative; 	width: 880px; 	height: 520px; 	background: #fff; }#right {	float: right; 	width: 159px; 	height: 333px; 	margin: -1px 10px 5px 5px; 	background-image:url(images/bgright.gif); }#right_content {	width: 134px;	height: 310px;	margin: 10 10 10 10;}#left {	float: left; 	width: 174px; 	height: 320px; 	margin: 10px 10px 10px 0px; 	background-image:url(images/bgflash.gif); 	background-repeat: no-repeat;}#about_left {	position: relative; 	float: left; 	width: 660px; 	height: 125px; 	margin: 10 10 10 10;}#about_left2 {	position: relative; 	float: left; 	width: 660px; 	height: 125px; }#about_content1 {	position: relative; 	float: left; 	width: 600px; 	height: 200px; 	margin-left: 20px;}#about_content2 {	float: left; 	width: 100%; 	height: 200px; 	border: 1px solid #000;}/* Fast Action Logo Area */#image1 {	float: left; 	width: 305px; 	height: 145px; 	margin-left: 100px; /* -166px */	margin-top: 10px; 	background-image:url(images/bgfastaction.gif); 	background-repeat: no-repeat;}#image1_content {	width: 280px;	height: 135px;	margin: 10 10 10 10;}#image2 {	float: left; 	width: 150px; 	height: 160px; 	margin: 5 5 5 5;	border: 0;}#footer {	position: absolute; 	width: 880px;	bottom: 5px; 	height: 3em; 	left: 1px;	font-family:Tahoma; 	font-size:11px;  	color:#666666; 	text-decoration:none;}  .main {  	font-family:Verdana, Arial; 	font-size:14px;  	color:#000; 	line-height:16px;}  .verdana {  	font-family:Verdana; 	font-size:20px;  	color:#2D3237; 	line-height:25px;}  a.link:link {color:#888888; text-decoration:none}  a.link:visited {color:#888888; text-decoration:none}  a.link:hover {color:#888888; text-decoration:underline}  a.link:active {color:#888888; text-decoration:none}    h2 {  	font-family:Verdana;	font-size: 1.3em;	color: #FF0000;	line-height: 1.5em;  }.hovermenu ul{font: bold 13px arial;padding-left: 0;margin-top: 10px;margin-left: 0;height: 20px;}.hovermenu ul li{list-style: none;display: inline;}.hovermenu ul li a{padding: 2px 0.5em;text-decoration: none;float: left;color: black;background-color: #FFF;border: 2px solid #DF1818;}.hovermenu ul li a:hover{color: white;background-color: #DF1818;border-style: outset;}html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */border-style: inset;}#aboutus_left {	float: left;	height:400px;	width:500px;	margin: 30 0 0 50;}#aboutus_right {	float: right;    margin-top: 110px;    margin-right: 95px;	height:250px;	width:175px;}#wrapper_aboutus {	position: relative;	width: 880px; 	height: 880px; 	background: #fff; }