свойства CSS не работает в детской дифф

Question

Я сделал родительский DIV и ребенка DIV, ребенок ДИВ не центр, а ширина также не работают. Также, когда я добавляю IMG у ребенка DIV, свойства также не работают.

Ex:

HTML:

<div id="parent"> 
<div id="child"> 
    <img id="big" .. /> 
</div> 

</div> 

CSS:

#parent { 
    background: #999; 
    margin: auto; 
    width: 100%; 

} 

#parent #child { 
    width: 80%; 
    margin: auto; 
    text-align: center; 
} 

#big { 
    display: inline; 
    max-width: 100%; 
    margin: auto; 
} 

(я сделал тест-сайт с HTML5 Шаблонный http://html5boilerplate.com/ и реагирует)

я провел часов для решения этой проблемы, но никаких результатов :-(

Answer 1

Использование классов.

<div id="parent"> 
<div class="child"> 
    <img id="big" .. /> 
</div> 
</div> 

#parent { 
    background: #999; 
    margin: auto; 
    width: 100%; 

} 

.child { 
    width: 80%; 
    margin: auto; 
    text-align: center; 
} 

#big { 
    display: inline; 
    max-width: 100%; 
    margin: auto; 
}