페이지를 아주 아주 간단하게 제작하고 있는데요..

footer부분이 자꾸 화면 최상단에 붙어요 이거 어떻게 아래에 맞추나요?

css화일내용은

      #header {
        position: fixed; 

       width: 100%;
        height: 100px;

        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
      }
      #content {
        position: fixed;
        width: 220px;
        height: auto;
        top: 100px;
        right: auto;
 /*     bottom: 100px; */
        left: 0;
      }
      #contentBody {
        position: fixed;
        width: 705;
        height: auto;
        top: 100px;
/*      right: 0;  */
        bottom: 20px;
        left: 240px;
      }
     #footer { margin:0; padding:0; clear:both;}

이구요...

layout내용은

<!--// js 파일 import -->
<!--%import("js/xe_official.js")-->

<!--// 레이아웃과 연동될 css 파일 import -->
    <!--%import("css/white.css")-->
<script language="JavaScript" src="./../flashWrite.js"></script>
<colorset">!--@if(!$layout_info->colorset)-->
    colorset">{@$layout_info->colorset = "white"}
<