[SOLUCIONADO] Mantener posición dentro de dos divs

[lemmy2011]

Hola a tod@s!!

Tengo un problema.. jajaja y no termino de solucionarlo. Os cuento.

Tengo dos DIV. Uno central y otro en el lateral izquierdo:

• El central carga un mapa.
• El izquierdo, una lista de ciudades.

Me gustaría que, al seleccionar una ciudad , aparezca el típico icono de "globo" encima de la ciudad.

Vale, esto lo consigo porque en base de datos tengo guardada todas las posiciones de las ciudades.

Pero, al redimensionar la ventana el globo no termina de ajustarse a la posición de la ciudad.

La imagen del globo está dentro de un DIV. Es decir, dentro del DIV del mapa, debe situarse el DIV del globo. Esto va bien inicialmente. Pero al redimensionar la ventana, la posición del DIV del globo no se reubica donde debería en el DIV del mapa.

Os paso el código.. A ver si alguien sabría ayudarme:


<div style="width:70%;background:red;">

<img src="mapa.gif" width="100%">
<div id="contenedor3" style="position:absolute; left:5.28%; top:10.75%;"><img src="globo.png" width="100%">
</div>

</div>

Muchas gracias!!

[lemmy2011]

Vale! Ya lo tengo!! Claro, el problema está que, al redimensionar la ventana, se redimensionaba el mapa. Pero no estaba redimensionando la imagen del globo!

quedaría algo del estilo:
<div style="width:70%;background:red;">

<img src="mapa.gif" width="100%">
<div id="contenedor3" style="position:absolute; left:5.28%; top:10.75%;width:2%"><img src="globo.png" width="100%">
</div>

</div>

Todo en porcentaje, así se va ajustando y se posiciona correctamente! :)

Saludos!