문제가 있는 사이트 링크를 안거시는거 보면 해결책을 찾는건 아닌거 같고...

잘~~ 열심히 하시면 될겁니다.

float에 대한 이해도가 부족해서 생기는 문제가 아닌가 싶습니다.

참고하실 만한 내용이

http://naradesign.net/open_content/lecture/wp/#section14

이걸 읽어 보시면 어느정도 이해가 되실겁니다.

그냥 별거 없습니다.

부모 태그에 속해있는 자식 태그들이 float 되고 있으면 부모태그의 공간 확보가 인지 안됩니다.

그냥 자식들이 float되면 부모들이 자식이 있는지 없는지 인지 못한다로 보시면 됩니다.

그러다 보니 특정 브라우져에서는 header 공간의 높이를 인지 못하기도 하고 어떤 브라우져에서는 위젯을 감싸는 부분의 높이를 인지 못하기도 하는 현상이었습니다.

그러니 footer쪽이 위로 죽 올라왔고요.

위 링크를 보시면 그 부분의 문제점과 해결책을 적고 있는데요.

일반적으로 해결책으로 사용하는게

부모{position:relative;*zoom:1;}

부모:after{content:"";display:block;clear:both;}

를 넣는 방식으로

부모가 자식들이 float되어 집나가도 자식들이 존재한다는 것을 인지하게 합니다.