me estreno en este foro con una duda que seguramente sea una tontería, pero no soy capaz de arreglar. Resulta que tengo problemas con los desplegables, ya que al hacer click en el Option el desplegable se abre pero desplazado varios píxeles a la izquierda.
les pongo una imagen para que vean el error:
[URL="http://www.subirimagenes.com/otros-errorcss-9376051.html"]http://www.subirimagenes.com/otros-errorcss-9376051.html[/URL]
Me he dado cuenta de que el error ocurre tras colocar las imágenes de fondo. Es decir, justo después de este código de un conocido slideshow en Jquery:
Código:
Como digo, esto ocurre si pongo un select después de este código, da igual que sea con CSS o sin nada. Pero eso sí, sólo ocurre en Firefox, ni en IE ni Chrome<!-- Jssor Slider Begin -->
<!-- To move inline styles to css file/block, please specify a class name for each element. -->
<div id="slider1_container" style="position: relative; margin: 0 auto;
top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;">
<!-- Loading Screen -->
<div u="loading" style="position: absolute; top: 0px; left: 0px;">
<div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
top: 0px; left: 0px; width: 100%; height: 100%;">
</div>
<div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
top: 0px; left: 0px; width: 100%; height: 100%;">
</div>
</div>
<!-- Slides Container -->
<div u="slides" style="position: absolute; left: 0px; top: 0px; width: 1300px;
height: 500px; overflow: hidden;">
<div>
<img u="image" src="fotos/numero_1.jpg" />
</div>
<div>
<img u="image" src="fotos/numero_3.jpg" />
</div>
<div>
<img u="image" src="fotos/numero_3.jpg" />
</div>
</div>
<!-- Jssor Slider End -->
¿A alguien se le ocurre qué puede ser?
