배경설정 궁금증이요..

<div id="wrap">
<div id="header">
</div>
<div id="container">
<div id="contents">
</div>
</div>
<div id="footer">
</div>
</div>

라고 했을때
#header에 width 100%로 잡고 배경을 넣어 주고
#footer도 width 100%로 잡고 배경을 넣어주면 되지 않을까 싶은데요?
전 body에 배경넣는건 추천하고 싶지 않습니다
특히나 그누 기반이시라면

감사합니다.
헌데, 제가 지식이 얕아서..ㅠㅠ
저내용을 head 파일에서 해주면 되는 걸까요? 아니면 다른 파일이 있는건가요?
제가 쓴글은 스타일시트에 적었었습니다.
head가 맞다면, 저대로 넣고 위치와 사이즈만 넣으면 되는 건지 궁금합니다.

<style>
#header {
width 100%;
background-image:url(위의이미지);
background-repeat:repeat-x;
background-position:top;
}

#footer {
width 100%;
background-image:url(아래이미지);
background-repeat:repeat-x;
background-position:bottom;
}
</style>
<div id="wrap">
<div id="header">
</div>
<div id="container">
<div id="contents">
</div>
</div>
<div id="footer">
</div>
</div>

감사합니다.
제가 제대로 적용을 하지 못하고 있는것 같네요.ㅠㅠ
head.php 파일에도 넣어보고 스타일파일에도 넣어봤는데 위아래 모두 나타나지 않아요.ㅠㅠ
어찌해야할까요.ㅠㅠ