[CSS][HTML] problem z marginesami Opcje

[o2w5n778]

Witam!
Mam oto taki kod:
HTML:

[HTML] pobierz, plaintext 
		<div id="header">
			<div id="hwrapper">
				header
			</div>
		</div>
 
		<div id="main">
			<div id="content">
                                tresc
			</div>
			<div id="sidebar">
				dsadsa
			</div>
		</div>
 
		<div id="footer">
			stopka
		</div>
[HTML] pobierz, plaintext 

i CSS:

[HTML] pobierz, plaintext 
#header{
	height: 100px;
	margin: -8px -8px 0 -8px;
	background: #ff9000;
	clear: both;
}
 
#hwrapper{
	width: 900px;
	height: 100px;
	margin: auto;
	background-image: url(../images/banner.png);
}
 
#main{
	width: 900px;
	margin: auto;
	clear: both;
}
 
#content{
	width: 685px;
	margin: 0 15px 0 0;
	float: left;
}
 
#sidebar{
	width: 200px;
	float: left;
}
 
#footer{
	width: 894px;
	clear: both;
	font-family: Trajan Pro;
	font-size: 13px;
	text-align: center;
	margin:-top: 10px;
	border-top: 1px solid #e1e1e1;
	padding: 3px;
}
[HTML] pobierz, plaintext 

Mój problem polega na tym że jeżeli w stopce ustawiam margin-top to nie chce mi zrobić odstępu od div'a main