Muchas gracias a ambos por vuestras respuestas. Pongo el código que Ag666 solicitó:
Esto de abajo es el css:
#hiddenMap es el div "padre" y la clase toolbar es del elemento hijo:
Código:
#hiddenMap {
width:320px;
margin: 0 0 30px 0;
position:relative;
}
.toolbar {
position: fixed;
z-index: 100;
margin-left:2px;
}
Ahora pongo el HTML:
Código HTML:
<div id="hiddenMap">
<div class="toolbar">
<div id="div_maps">
<img src="/webimages/fondos/loadingMap.gif" width="100%" height="100%"/>
</div>
</div>
</div> Tengo también otro ejemplo con jquery pero viene haciendo EXACTAMENTE lo mismo: cuando bajo la resolución, se desplaza horizontalmente.
Es frustrante. Gracias de nuevo a ambos por vuestra ayuda.
Si se os ocurre algo más, por favor, decídmelo, que llevo ya 3 días completamente perdidos :(
Un saludo!!