Контент на всю высоту

[moslem]

Нужно сделать контент на всю высоту

<div id="main">
	<div id="content">
		<h1>Lorem ipsum</h1>
		<p>Lorem ipsum dolor sit amet consectetuer eros odio vestibulum ipsum Aenean. Odio iaculis ut enim nulla tortor vitae mauris sed a velit. Eu Donec Cras non Phasellus lorem magna sem turpis commodo Donec. Urna augue odio tincidunt lacinia nulla Nam Curabitur Aliquam Nulla Donec. Condimentum urna pellentesque congue ridiculus condimentum Integer tortor quis hac nec. Turpis in congue risus.</p>
	</div>
	<div id="sidebar">
		<div class="widget">
			<ul>
				<li><a href="/">CSS</a></li>
				<li><a href="/">Developer</a></li>
				<li><a href="/">HTML</a></li>
				<li><a href="/">CMS</a></li>
				<li><a href="/">Design</a></li>
			</ul>
		</div>
	</div>
</div>

html { height:100%; }
body { height:100%; background:#C0DEED url(i/bgtop.jpg) repeat-x; font:13px Arial,Tahoma; }


#main { border-radius:8px 8px 0 0; min-height:800px; background:#E5E3DE; }
#maintop { background:url(i/contenttop.png); width:920px; height:15px;  z-index:2; }
#contenttop { margin-top:-15px; background:url(i/ctop.png); width:543px; height:15px; position:relative; z-index:1; }

#content { height:100%; padding:8px 0 0 8px; float:left; width:590px; background:#fff; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-box-shadow:1px 0 1px #ccc; -moz-box-shadow:1px 0 1px #ccc; box-shadow:1px 0 1px #ccc; }
#sidebar { float:right; width:300px; }

Если есть какие нибудь решения помогите.

[maxpryg]

Можете попробовать следующее:

#main {

height:100%;

}

#content {

min-height:100%;

}

Чтобы работало в Internet Explorer:

<!--[if IE]>

<style type="text/css">

*html #main{

height:100%;

}

</style>

<![endif]-->

[moslem]

maxpryg, не работает ((

[maxpryg]

http://jsfiddle.net/cdjZr/embedded/result/'>http://jsfiddle.net/cdjZr/embedded/result/

http://jsfiddle.net/cdjZr/