태터 스킨의 좌절

뭘까. 왜일까. 어째서일까.

IE에서는 어찌어찌 보여지게는 되었는데, FF에서 찌그러진다.
소스를 봐도 어디가 틀린건지 모르겠다.


<STYLE>
#container {
   width:740px;
   background:url('...') top center fixed repeat-y;
}
#header {
   width:740px;
   height:96px;
   position:relative;
}
#content {
   width:560px;
   float:left;
}
#sidebar {
   width:180px;
   float:right;
}
#footer {
}
</STYLE>
<DIV id="container">
   <DIV id="header">머리글</DIV>
   <DIV id="content">주 내용</DIV>
   <DIV id="sidebar">사이드바 메뉴</DIV>
   <DIV id="footer">꼬릿말</DIV>
</DIV>

#content에서 css로 설정한 background가 하위 block요소인 header에만 먹히고, float시킨 content와 sidebar에는 먹히지 않는다.. content의 float을 지우면 먹히긴 하지만, sidebar가 밀려나 아래로 내려가버린다..
뭣때문일까.... 하아.......

내일은, margin과 padding을 다 빼고 width만 먼저 맞춰놓고 다시 해봐야지.

이건 대충 해결. 원인도 찾은듯. 하지만 해결할 재간이 없네. 컴맹의 설움. 쥘쥘.