I'm curious how the height property effects the elements mentioned in the title when used as below:

Code:
html,body, #wrapper {
	height: 100%;
	width: 100%;
	position: relative;
}

#wrapper {
	background: url('images/bg.jpg') #036187 repeat-x;
}

#inner-wrapper {
	position: relative;
}

#home #inner-wrapper {
	min-height: 1900px;
}
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home Page</title>
<body id="home">
<div id="wrapper">
	<div id="inner-wrapper">
        </div>
</div>
</body>
</html>
When I remove the height: 100% rule, the min-height rule on the child div expands its parent containers (div,body and html), but if the height: 100% is set, it will not expand the parent containers to 1900px height.