Hello,

I am having problems with my site's css and html. My main problem is that I need to move the site's main content area (green box) to the right of the navigation menu (black box) and have it at 100% height.



Here is my css code

Code:
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

#header {
	background-color: maroon;
	height: 4em;
}

#nav {
	background-color: black;
	height: 400px;
	width: 20%;
}

#content {
	background-color: green;
	height: 100%;
	width: 80%;
}

#wrapper {
	width: 800px;
	background-color: red;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

#footer {
	background-color: maroon;
	height: 4em;
}
and here is my index.php code

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>Fall For The Arts</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css">
    <link rel="stylesheet" href="css/main.css" type="text/css">
</head>
<body>
	
	<div id="wrapper">
	
		<div id="header"></div>
		
		<div id="nav">
			<a href="#">Home</a>
			<a href="#">Organizations</a>
			<a href="#">Where is it?</a>
			<a href="#">Location</a>
			<a href="#">About</a>
		</div>
		
		<div id="content">
			<p>Your content goes here.</p>
			<p>Your content goes here.</p>
			<p>Your content goes here.</p>
			<p>Your content goes here.</p>
		</div>

		<div id="footer">
			<p>Copyright (c) 2008</p>
		</div>

	</div>
	

	
</body>

</body>
</html>