So im here again, with another problem now. Look at the site http://mbdbygg.zxq.net/. The grey area in the middle is a div id called content and it is 800px height. Now i want to reduce the height to 400px, cause i dont need such wide space between the pictures and the footer as you see. The content div should end where the div class "center" ends. It has a border color to see where it ends.

The problem now is that when i change the height to 400px the box only goes upand leaving a WHITE space under it.Meaning the footer does not follow up to the content div! What am i missing? I attach the css:

HTML Code:
*{
    margin: 0px;
    padding: 0px;
}
body {
    margin-left: 0px;
    margin-top: 0px;
}
img {
    border: none;
}
#wrapper {
    min-width: 1347px;
    
	border: 1px solid #727272;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
	
}
#header {
    height: 180px;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	
	background-image:url(mbdbygg.gif);
	background-position:center;
	background-repeat:no-repeat;
}
			
#content {
		
	height: 800px;
	background-color:#2A2727;
	background-repeat:repeat-x;
	
}

.lefttext {
	position:relative;
	float:left;
	top:50px;
	left:40px;
	width:250px;
	height:400px;
	border: 1px solid #727272;
}

	.righttext {
	position:relative;
	float:right;
	top:50px;
	right:40px;
	width:250px;
	height:400px;
	border: 1px solid #727272;
	}

#center {
	position:relative;
	
	top:50px;
	left:297px;
	width:750px;
	height:500px;
	border: 1px solid #727272;
}


	.meny {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	left:73px;
    top:12px;
	float:left;
	
	}

	.meny li{
		display:inline;
		
		
	}
	.meny ul li a{
				text-decoration: underline; 	
				color:#cccccc;
				font-weight: bold;
			}
	
	.meny ul li a:hover{
				text-decoration: none; 	
			}
	
			.bilder {
					position:relative;
					float:left;
					left:1px;
					top:-360px;
					
				}
				 .bilder img{
				  display: inline; 
				  border: 1px solid #7F7D7D;
				  }
				
				.thumbnail {
				width:170px;
				height:130px;
				margin:5px;
				
				}

#footer {
	background-color:#2A2727;
	background-repeat:repeat-x;
	border-top: 1px solid #727272;
	margin:0 auto;
    height: 60px;
    clear: both;
}

div#footer p {
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:25px;
}