Aquí se puede ver pefectamente mi problema:
Cuando está en pantalla normal
Cuando cambio la resolucion:
Y para que no se de cuenta:
Código
.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:
Código:
<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.