верхнее поле не работает внутри DIV

Question

У меня есть две дивы ..

CSS

#content { 
    background: url('../images/bg.jpg') no-repeat left; 
    width: 100%; 
    height: 811px; 
} 
#welcome { 
    background: #fff; 
    width: 600px; 
    height: 50px; 
    color: #000; 
    margin-top: 200px; 
} 

HTML

<div id="content"> 
    <div id="welcome"> 
     this is welcome 
    </div> 
</div> 

Маржа движется родительский DIV, а не в один , Я также попытался дать дополнение родительскому div, то же самое. Как решить?

Answer 1

Попытайтесь иметь переполнение: авто;

#content{ 
background:url('../images/bg.jpg') no-repeat left; 
width:100%; 
height:811px; 
overflow:auto; 
} 
#welcome { 
background:#fff; 
width:600px; 
height:50px; 
color:#000; 
margin-top:200px; 
} 

Answer 2

попробуйте добавить overflow:hidden; родителю

#content{ 
    background:url('../images/bg.jpg') no-repeat left; 
    width:100%; 
    height:811px; 
    overflow:hidden; 
    border: 1px solid; /*remove*/ 
} 
#welcome { 
    border: 1px solid; /*remove*/ 
    background:#fff; 
    width:600px; 
    height:50px; 
    color:#000; 
    margin-top:200px; 
} 

здесь у вас есть пример:

http://jsfiddle.net/JmBj9/

(я добавил границы, так что вы можете увидеть его)