<style type="text/css">
body{
background-image: url(경로);
background-repeat: repeat-x;
}
</style>
를 이용해서 페이지의 배경 이미지를 넣으려고 했습니다

그런데 이미지의 단점이 


예를 들면 이 이미지의  크기가 width30에 height150으로 만들었고
이 이미지는 메인페이지에 맞게 만든 이미지입니다.

다른 페이지에서 이 이미지를 배경이미지로 적용하면 페이지가 메인보다 크면 위에 빨간띠는 가만히 있지만 밑에 빨간 띠는 페이지 의 내용 중간에 딱가있어요.
밑에 그림처럼요.




그래서 고민하다가 
길이를100%로 하면될까?했는데 
어떻게 적용하는지를 모르겠습니다.