푸터가 틀어져 보여서요.

 

해상도에 따라 중앙정렬을 맞추느라고 레이아웃을 변경했는데요

푸터가 틀어지네요.

보시다시피 푸터가 올라가 있고 가려진 상태인데요

거기에 컨텐츠 부분이 잘려서 같이 올라가 있느상태

(게시판의 목록,수정하기 이런 부분이 같이 잘려 올라갔는데 뒤에 가려져 안보여요)

 

어디가 잘못됐을까요?

한 수 가르침 부탁드립니다. 꾸벅^^__^^;

 

<style type="text/css">

  #layout  { background-color:white; position:absolute; left:50%; width:1200px; margin-left:-600px; z-index:1; border:1px solid red}
  #header  { background-color:#7DFE74; height:140px;  border:0px solid  border:1px solid black}
  #leftside  { background-color:white; float:left; width:200px; height:600px;  border:0px solid  border:1px solid red}
  #content { background-color:white; float:right; width:950px; border:0px solid  border:1px solid red}
  #footer  { background-color:#fbcb43; clear:both; height:100px; width:1200px; border:1px solid red}
 
</style>