Child Div는 부모 div repeat-y 배경을 인터럽트합니다.

Question

저는 현재 repeat-y 배경을 가진 div 요소가 있고 자식 div는 현재 배경을 방해합니다.

어떻게 이런 일이 일어나지 않게 할 수 있습니까?

 <div id="content"> 
    <div id="container-top"></div> 
    <div id="container-body"> 
     <div id="container-right"> 
      <h1>LOGIN</h1> 
      <br /> 
      <h1>CLICK HERE</h1> 
     </div> 
     <div id="container-left"> 
      <h1 style="padding-left: 50px; font-weight: bold; color: #000000;">NEWS</h1> 
     </div> 
    </div> 
    <div id="container-bottom"></div> 
    </div> 

CSS : #content { 플로트 : 왼쪽; 여백 : 5px 자동; 테두리 : 빨간색 1px 솔리드; }

#container-top { 
    width: 800px; 
    height: 23px; 
    background: url(http://cdn2.tribalwars.net/graphic/index/sprites.png) no-repeat 0 -39px; 
} 

#container-body { 
    padding: 15px; 
    overflow: visible; 
    background: url(http://cdn2.tribalwars.net/graphic/index/bg-content-line.jpg) repeat-y; 
} 

#container-right { 
    float: right; 
    width: 275px; 
} 

#container-left { 
    float: left; 
    width: 440px; 
} 

#container-bottom { 
    width: 800px; 
    height: 23px; 
    background: url(http://cdn2.tribalwars.net/graphic/index/sprites.png) no-repeat 0 -56px; 
    clear: both; 
} 

당신이 에 가면 할 수 있습니다

당신이 차일을 부유하는 원인 컨테이너 오버 플로우가 숨겨져 할 필요가

Answer 1

.

체크 아웃 코드에서 http://jsfiddle.net/xUf87/