Posición relativa y scroll en firefox

[alehuelva]

EStoy realizando un div con un scroll dentro de una web, no sé por qué funciona en explorer pero en firefox está el scroll ahí pero no reacciona al ratón, ni a la rueda, ni haciéndole click. Este es el código:

Código:

div#contenido {
			position:relative;
			top:-180px;
      background-color: #000000;/*subfondo*/
		  padding: 20px;
		  width: 680px;
			
			height: 190px; overflow-x:hidden; overflow-y:visible;
			
		  margin-left: 145px ;
			margin-bottom: 100px ;
			border-radius:5px;
			z-index: -1;
}

Si no uso position:relative si funciona pero no la puedo colocar donde quiero.

[garciasanchezdani]

Hola alehuelva, te digo por experiencia propia que optimizar una web para los principales navegadores (explorer,firefox,chrome,opera,safari...) puede llegar a ser un verdadero dolor de cabeza, ya que cada navegador interpreta el código a su manera. Por tanto te recomiendo que implementes en tu index una función javascript que detecte el navegador del usuario, y que enlace con el css correspondiente.
Así, podrás tocar el css de un navegador sin que afecte al resto de navegadores.
Aquí tienes esta función ya implementada:

http://www.desarrolloweb.com/articulos/estilos-css-distintos-navegador-javascript.html

Suerte
Daniel

[IsaBelM]

prueba a poner en lugar de overflow-y:visible, overflow-y:auto