posicionamiento relativo + absoluto

Mi ejemplo: http://jsfiddle.net/kwnk8qup/

Mi código:

La posición del container (div principal) es relativa. La posición del container1 (hijo) es absoluta. Configuré la ubicación superior del container2 como 130px , se puede calcular desde la posición superior del container (div principal) pero necesito mostrar 130px desde la posición del documento. ¿Cómo resolver sin cambiar el posicionamiento?

No sé si recibí su pregunta, pero podría mover #container1 fuera del #container1 para que sea relativa al elemento lugar de #container -element.

  

http://jsfiddle.net/q29ey2qt/

Pruebe Margin-top: -50 px para el contenedor1 y superior: 130 px http://jsfiddle.net/30owkpv7/

Css

 #container { position:relative; margin-top:50px; margin-left:50px; width:200px; height:300px; border: 2px solid red; } #container1 { position:absolute; margin-top:-50px; /*you need 130 from body (-50) of container */ top:130px; /*top from body*/ margin-left:30px; width:50px; height:50px; border: 2px solid #a1a1a1;" } 

HTML