게시판 페이지 레이 아웃을

        헤더
사이드 : 게시판
       풋터

이렇게 구성을 하였는데요. 글 작성시에 제목란이 사이드 height 만큼 늘어나서 비정상적으로 길어 집니다.
css 오류인거 같은데 어떻해야 할까요 ㅠ

<div id="header"> 요런건
헤더 -사이더 -메인- 풋터 순서로 짯고요. sider>> float:left
다음은 css 입니다.

@charset "utf-8";
/* CSS Document */

#frame {
 background-image: url();
}
#header {
 
}

#sidebar {
  float:left;
     width: 272;
  vertical-align:top;
}

#main {
         margin-top: 50px;
      
 margin-left: 272px;
 width:708px; height: auto;
}

#footer {
 clear: left;
 text-align:left;
}

body {
 background-image: bgbar.png;
 text-align:left
}