No replies
Last seen: 8 years 26 weeks ago
Timezone: GMT-4
Joined: 2009-06-26
Posts: 44
Points: 51


I have the following DIV on a page:

<div id="contenido-productos">
	<div id="titulo-productos">Información productos</div>
	<div id="ordenar-por">ORDENAR POR:
		<select id="cmbOrdenProductos" onchange="document.location.href = '/index.php?r=site/catalog&amp;categoria=13&amp;marca=80&amp;orden=' + this.value;">
			<option value="p_menor" selected="selected">precio de menor a mayor</option> 
			<option value="p_mayor">precio de mayor a menor</option>
	<div id="listado-productos">
									<div class="producto">
					<img src="index.php_files/sinfoto.png" alt="CATALOGO DEVIR 2005" width="106">
			<div class="normal" title="CATALOGO DEVIR 2005">Nombre: CATALOGO DEVIR...</div>
			<div class="normal">Código: 98108</div>
			<div class="precio">Precio: $ 0</div>
						<a href=";categoria=13&amp;marca=80&amp;producto=6669" onclick="return hs.htmlExpand(this, { 
											objectType: 'ajax', width: 359, height: 570, 
											headingText: 'Información Producto', wrapperClassName: 'titlebar no-footer' } )">VER DETALLE</a>		

I need to place a fixed background in DIV whose ID is listado-productos.

This is the CSS fragment:

#contenido-productos #listado-productos
	width: 100%;
	height: 492px;
	margin: 0 auto;
	padding: 0;
	background-image: url(fondo_productos.png);
	background-repeat: no-repeat;
	overflow-y: auto;

If I use "fixed" the background appears outside the listado-productos DIV. If I remove "fixed", the background appears in place, but it scrolls only in internet Explorer when the vertical scroll appears. In Firefox the background stays fixed anyway.

How can I solve it?