Pasek do końca strony

Witam tworze pierwsza stronę na podstawie licznych kursów zamieszczony na stronach. I pojawił sie taki problem, ze nie potrafię rozciągnąć szarego paska po prawej, do samego dołu strony. W Firefoksie i operze działa prawidłowo,a w IE dupa. Ten pasek opisuje "

" .Pewnie trzeba wstawić dodatkowe znaczniki. Tylko nie wiem jakie.

kod html:

caly kod css:

html,body{

	font-family: Verdana, Sans-serif;

	color: #828282;

	background-color: black;

	border:none;

	margin:0; 

	text-align:center;

	padding: 0;

	height: 100%;}


h1{ 

	position:relative;

 	left: 70px; 

	top: 100px;

	font-weight:bold;

	font-size:35px;

	color:#E6B715}

p{

	position:relative;

 	left: 85px; 

	top: 80px;

	font-weight:bold;

	font-size:13px;

	color:#E6B715}


#z{

	position:relative;

 	left: 0px; 

	top: 200px;

	width: 500px;

	font-size: 25px;

	color: #E6B715;

	border-bottom-width:2px;

        border-bottom-style:dashed;

	border-bottom-color:#333333;

	}


#Content {

	width:780px;

	margin:0px auto;

	text-align:left;}


#logo {

	height:348px;

	width:780px;

	background-image: url(img/menu/img1.jpg);

	background-repeat: no-repeat;}


#MENU {

	width: 260px;

	height: 100%;

	float: right;

	background-color: #151515;

	min-height: 600px;

	}

abc.com

abc bca
Strona Główna

Mógł byś pokazać jak to w tym IE wygląda?

proszę:

strona w IE6:

http://i45.tinypic.com/2eaurls.jpg

strona w Firefoxie:

http://i46.tinypic.com/674fth.jpg

1 zaznaczyłem ten pasek który probuje rozciągnąć

2 to mój obrazek czyli logo

http://www.google.com/search?q=ie6+min-height

To nie rozwiązuję problemu:

min-height: 300px;

height: auto !important;

Ja nie chce określić konkretnych danych wysokości tylko żeby pasek sie dostosował do okna przeglądarki czyli był 100% a nie dajmy na to 500px.

http://www.google.com/search?q=css+height+100+percent

html, body { height: 100%; }

div { height:100%; min-height: 100%; }