Проблема с IE 6

Dokea · December 17, 2009

Помогите пожалуйста решить проблему с IE 5.5 - 6. Контент съезжает вниз...

Вот так выглядит:

А вот верстка:

<!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>.</head>

<body>

<div id="wrapper">
	<div id="minHeight"></div>
	<div id="outer">
		<div id="logo">.</div>
	<div id="inner">
	<div id="left">
		<div id="left-inner">
		  <div id="sidebar">
				<div id="mainmenu">.</div>
				<div id="search">.</div>
				<div id="news">.</div>
		  </div> 
		</div>
	  </div>
	  <div id="right">
		<div id="right-inner">
		  <div id="content">
			<div class="post">
		  Контент.
		  </div>
		</div>
	  </div>
	</div>
	<div id="clearfooter"></div>
	<div id="header">.</div>
	<div id="anons">.</div>
	</div>
	<br style="clear:both;height:0;font-size: 1px" />
	<div id="footer">.</div>
  </div>
</div>
</div>

</body>
</html>

html{
	height:100%;
	margin:0;
	padding:0
} 

html,body {
	padding:0;
	margin:0;
	background-color: #faf7ec;
	font-size: 11px;
	font-family: "Trebuchet MS", verdana, sans-serif;
}

body{	
	text-align:left;
	min-width:982px;
	background-color: #faf7ec;
	height:100%;
}

#mainmenu{
	position: absolute;
	top:330px;
	left:70px;
	font-family: Arial;
	font-size: 10px;
	outline-style: none; outline-width: 0pt;
}

#outer{
	height:99.9%;
	min-height:100%;
	width:982px;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
}

* html #outer{
	width:982px
}

html>body #outer{
	height:auto;
} 

#inner{
	width:100%;
	padding-top:304px;
} 

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:982px;
	height:304px;
	z-index:10;
}

#footer {
	color: #ffffff;
	width:982px;
	clear:both;
	height:24px;
	text-align:left;
	left:0px;
	bottom:0px;
	position: absolute;
}

* html #footer{
	margin-bottom:-1px
}

* html #outer, * html #header {width:780px}

* html #footer {
	height:82px;
}



#left {
	width:252px;
	height:546px;
	float:left;
	z-index: 55;
}

#left-inner {
	width: 178px;
	padding-left: 25px;
	text-align: left;
	color: #ffffff;
}

#right {
	position:relative;
	width:730px;
	float:left;
}

#right-inner {
	text-align: left;
	padding-left: 8px;
	padding-right: 27px;
}

#clearfooter {
	width:100%;
	height:24px;
	clear:both;
} /* to clear footer */

#content {
	padding-bottom: 7px;
}

#anons{
	position:absolute;
	top:0px;
	left:237px;
	width:745px;
	height:304px;
	z-index:20;
}

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-82px;
}