header 다음에 clear:both 를 div로 지정해서
한번 적용해 보세요.

<style>

#wrap { width:1000px; }
#header {}
#content { float:left; }
#sidebar { float:right; }
#footer {}
.clear { clear:both; }

</style>

<div id="wrap">

<div id="header">

상단

</div>

<div id="content">

내용 (좌측)

</div>

<div id="sidebar">

사이드바 (우측)

</div>

<div class="clear"> 클리어 보스~ </div>

<div id="footer">

하단

</div>

</div>

샘플사이트 주소를 남기는게 빠를듯 합니다