Hola amigos, pues bueno tengo mi web de prueba en localhost y tengo un pequeño percance con un div en mi web.
Aquí se puede ver pefectamente mi problema:
Cuando está en pantalla normal
Cuando cambio la resolucion:
Y para que no se de cuenta:
.globoC {
position: relative;
padding: 20px;
border-width: 1px;
border-style: solid;
border-color: #949494 #8f8f8f #7b7b7b;
text-shadow: 0 1px 0 #FFF;
background: #f2f2f2;
background: -webkit-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
background: -moz-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
background: -ms-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
background: -o-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
background: linear-gradient(to bottom,#f2f2f2 0,#eaeaea 100%);
color: #000;
z-index: 20;
border-radius: 5px;
-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
-moz-box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
width: 300px;
height: 200px;
position: absolute;
right: 266px;
top: 241px;
}
Si metiera el div dentro del div de Iniciar Sesion, se deformaria, ya lo he probado, y mirad lo que pasa:
<td><div id="options" onclick="muestra_oculta('header-login-balloon');">Iniciar sesión</div><div id="header-login-balloon" class="globoC" style="display: block;"><img src="pico.png" style="position:relative;top: -27px;left: 144px;"></div></td>
Como podreis observar es una tabla
Un saludo.