수다닷컴

div 가 A, B두개가 있어요.
A밑에 B가 연결되는거구요.
A와 B는 가로사이즈가 서로 같아요.

A에 배경이미지는 width만 정해준 상태에서 repeat-y;
밑으로 배경이 반복되고 그 밑으로B가 옵니다.
B는 width height 둘 다 설정해주고 no-repeat; 으로 마무리 되구요.

A안에는 p클래스가 들어있어요. p의 내용만큼 A의 height이 달라지는건데요.

p.contents {
color: #666;
font: 10px Tahoma, Geneva, sans-serif;
line-height: 120%;
margin: auto 130px 200px 255px;
}
이렇게 p클래스가 설정되어 있는데,
문제는 여기서 나타납니다.
글자 있는 부분은 배경이 반복되면서 잘 깔리는데!!
마진 들어간 margin 200px 부분의 200px가 배경이 없어요;;
A에 글자부분 배경있다가 마진부분 배경없다가 B로 연결되면서 배경이 나오는데
중간에 구멍이 뻥 뚤린것처럼 나와요.

글로설명하려니;;;; 이해가 되시나요???
원인이 뭘까요?

ps. 드림위버에선 원하는대로 잘 나옵니다. 근데 익스플로러에선 중간에 구멍이 생겨버리네요~
에러를 잡아줘야하는건가요??? 해결책 좀 제시해주세요~~

신청하기