No consigo dar con el modelo de caja xra q la 2ªno se mueva

Estoy mirando tutoriales de css pero no consigo como hacer para hacer un div y dentro del otro otro pero que ese contenido no se mueva según sea el tamaño de la ventana para un lado y para otro, si no que permanezca siempre en el mismo sitio sea cual sea el tamaño de la ventana...

Ahora mismo lo estoy haciendo así:

Código :

<div style="top:0px; width=1000px; margin-top: -31px; z-index:-1;">(primera caja)
<div style="position:relative; left:-417.5px; top:630px;  z-index:1;">(segunda caja)</div></div>

Se me posicionan como quiero a mi resolución peor hago la ventana más pequeña y la seguna se mueve

Un abrazo y gracias x la ayuda de antemano!

Es porque estás usando position:relative. Debes usar position:absolute o position:fixed.

Nada sigo con " <div style="top:0px; width=1000px; margin-top: 0px; z-index:-1;">
<div style="position:absolute; left:169.5px; top:595px; z-index:1;"></div></div> " y me sigue pasando lo mismo y el fixed no me vale ya que quiero que se quede fijado en esa zona pero que al mover la barra de desplazamiento siga en su sitio "virtual" no en el mismo sitio de la pantalla...

Que hago mal..?

¿Tienes algo en línea que podamos ver?

www.lott.es (es un flash encima de otro flash y es el reproductor lo q se mueve...) Un abrazo

Holaa!! resurjo esta dudilla a ver si alguien me puede ayudar!! muchas gracias