div absoluto dentro de otro div

[sfx4ever]

Hola a todos, tengo un div centrado en pantalla de 700px de ancho y 400 de largo.

Dentro de este necesito posicionar otros divs que se moveran dentro del principal, pero tengo un problema, y es que necesito poner estos divs de forma absoluta pero no respecto a la pantalla sino respecto al div principal.

Por ejemplo:

Código HTML:

<div id='principal' style='position:absolute;left:200;width:700px;height:400px'>

<div id='midiv1' style='position:absolute;left:100;width:50px;height:50px'>xxx</div>

</div> 

Si a midiv1 le pongo position:absolute; me lo pone a 100px de la parte izq de la pantalla, lo que a mi me interesa es que lo ponga a 100px del lado izquierdo del div 'principal'

¿es posible esto?

GRACIAS

[JavierB]

Hola sfx4ever

Prueba poniendo position:relative a los div interiores.

Saludos,

[diegoy2k]

Que tal, como va!!!???.

Si vos pones el div principal en position:relative, y a los div que vas piniendo dentro de éste, los pones en position.absolute, entonces estos ultimos se colocaran absolutamente respecto del Div que los contienen...
Bueno espero que te sirva!!!

<Div STYLE="position:relative; width:700px; height:400px;">
<Div STYLE="position:absolute; top:1px; left:1px; width:200px; height:100px;">
</Div>
<Div STYLE="position:absolute; top:1px; left:202px; width:498px; height:100px;">
</Div>
</Div>