Impossible to do with internet explorer?

Hello, i’m opening an html page into a div using the object inside this div. It could be a great alternative to frames but it works fine in firefox but not in IE, here’s my code. Is this impossible to work in IE or someone has an idea … ? here’s the html code :

<!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">
<head>
<meta name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php" />	
<link href="sytletest.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="container">
		<div id="banner">&nbsp;</div>

		<div id="sidebar-a"><a href="page1.html" target="loadcontent">lien 1</a><br>
		  <a href="page2.html" target="loadcontent">lien2</a><br>
		  <a href="page3.html">lien 3</a><br> 
	  </div>

		<div id="content">&nbsp;<object classid="loadcontent" data="page1.html" type="text/html" name="loadcontent" id="loadcontent">
		</object></div>

		<div id="footer">&nbsp;</div>
	</div>
</body>
</html>

and the css file :

		#container {
			width: 800px;
			\width: 820px;
			w\idth: 800px;
			border: 1px solid gray;
			margin: 0px;
			margin-left: 0px;
			padding: 0px;
		}

		#banner {
			padding: 0;
			margin-bottom: 0;
			background-color: rgb(213, 219, 225);
		}

		#content {
			padding: 0;
			margin-left: 200px;
			background-color: gray;
		}

		#sidebar-a {
			float: left;
			width: 200px;
			\width: 200px;
			w\idth: 200px;
			margin: 0;
			margin-right: 0;
			padding: 0;
			background-color: rgb(235, 235, 235);
		}

		#footer {
			clear: both;
			padding: 0;
			margin-top: 0;
			
			background-color: rgb(213, 219, 225);
		}
object {width:603px; height:456px};
HTML {overflow-x:hidden;}