Div позиция фиксируется относительно другой DIV

Question

я следующий HTML-код:

<div data-role="content"> 
    <div class="container"> 
     <div class="child"></div> 
    </div> 
</div> 

и следующий CSS

.container{ 
    width:310px; 
    height:224px; 
    position:relative; 
    background-image:url(../images/background_1.jpg); 
    background-size:contain; 
} 
.child{ 
    width:125px; 
    height:125px; 
    postion:absolute; 
    top:100px; 
    left:50px; 
    background-image:url(../images/child.png); 
    background-size:contain; 
} 

Я хочу ребенка DIV, чтобы остаться в фиксированном положении по отношению к его родительский элемент, но дочерний div не перемещается.

Answer 1

http://jsfiddle.net/bLu3T/1/

вы должны написать

position:absolute; 

не

postion:absolute; 

Answer 2

Вы видите позицию неправильно в CSS ...

.child{ 
    width:125px; 
    height:125px; 
    position:absolute; 
    top:100px; 
    left:50px; 
    background-image:url(../images/child.png); 
    background-size:contain; 
} 

Я попробовал его и Это казалось, работал для меня.