imagenes no se muestran en IE ni FF

[wendy_purple]

Hola, espero me puedan ayudar

Estoy modificando un template y aun no entiendo del todo CSS y divs. Tengo un estilo para el menu horizontal y uno para una imagen de cabecera pero no me aparece ninguna imagen ni en IE ni en FF, solo en Chrome. Le podran echar un vistazo al codigo por favor.

Código HTML:

<!-- begin menu bar -->
		<div id="horiz-menu" class="<?php echo $mtype; ?>">
			<div class="wrapper">
				<?php if($mtype != "module") : ?>
					<?php echo $topnav->display(); ?>
				<?php else: ?>
					<?php mosLoadModules('toolbar',-1); ?>
				<?php endif; ?>
			</div>
		</div>
		<!-- end menu bar -->
		<!-- begin showcase -->
		<div id="showcase">
			<div id="showcase2">
				<div class="wrapper">
					<div id="showcase-shadow" class="png"></div>
					<div id="showcase-shadow2" class="png"></div>
				</div>
			</div>
		</div>
		<!-- end showcase --> 

CSS para el menu (esta en 2 archivos):

Código:

/* CSS Document */
/* group Horizontal Menu */
#horiz-menu {
	height: 45px;
	width: 100%;
}
#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
/*	float: left;*/
}
#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 46px;
	line-height: 46px;
	padding: 0 17px;
	font-weight: normal;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
}
#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	padding-left: 20px;
}
#horiz-menu ul ul li a:hover,
#horiz-menu ul li.active.parent ul a:hover {
	padding-left: 20px;
	background: url(../images/dropdown-arrow-over.png) 10px 50% no-repeat;
	color: #fff;
}
/* mouseovers */
#horiz-menu li li a:hover {
	background: none;
}
#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}
#horiz-menu li li a {
	font-size: 100%;
	font-weight: normal;
	background: none;
}
/* end */

/* group Horizontal Menu */
#horiz-menu {
	background: url(../images/style4/horiz-menu-bg.png) 0 0 repeat-x;
}
#horiz-menu ul ul {
	background: url(../images/style4/bg_submenu.png) repeat;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#horiz-menu ul ul ul {
	border-top: 1px solid #6D0000;
}
#horiz-menu a,
#horiz-menu li.active a {
	color: #C9CDCC;
}
/*activo*/
#horiz-menu li.active a {
	color: #FFFFFF;
}
#horiz-menu a:hover {
	color: #FFFFFF;
	background: url(../images/style4/bg_hover_menu.jpg) repeat-x;
}
#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	background: url(../images/style4/dropdown-arrow.png) 10px 50% no-repeat;
	color: #C9CCCC;
}
/* end */

**Incluyo solo el codigo para el menu horizontal, despues pondre el de la cabecera ya que se extenderia demasiado el mensaje.

Gracias de antemano...

[jomaruro]

Hola:

La solución puede ser la más tonta, que haya algún tipo de error en la ruta de las imágenes, es decir que las imágenes no estén en la ruta que le indicas.

Prueba de las siguientes maneras:

Código:

background: url("../images/dropdown-arrow-over.png") 10px 50% no-repeat;

o también sin ../:

Código:

background: url(images/dropdown-arrow-over.png) 10px 50% no-repeat;

o tambíen sin ..:

Código:

background: url(/images/dropdown-arrow-over.png) 10px 50% no-repeat;

o cualquiera de estas dos últimas pero con las comillas.

Saludos.

[wendy_purple]

Gracias Jomaruro por tu respuesta, pero si la ruta no estuviera bien, entonces tampoco funcionaria en Chrome. Como quiera lo intente pero sin exito.

Alguien me podra ayudar? No se ven las imagenes del background ni los de los botones del menu, es decir, del active, hover, etc

[jomaruro]

Hola de nuevo:

Tu respuesta me ha dejado totalmente descolocado, no sabía que te funcionaba en Chrome. Pero se me ha ocurrido una pregunta, ¿solo te pasa con esta página en concreto o con más casos?

Porque si te ocurre con más páginas es posible que tengas desactivadas las imágenes en ambos navegadores, me parece muy raro pero... es otra opción.

Saludos.

[wendy_purple]

Pues tampoco creo que sea eso porque concretamente me pasa con las imagenes y el estilo del menu y con la imagen de cabecera. El mainbody y las imaganes del footer se ven bien.

gracias!!! Seguire intentando y a agradezco cualquier ayuda!!

[wendy_purple]

Gracias por su colaboracion!!

Ya encontre lo que pasa. El template trae direfentes estilos que estan en diferentes carpetas. Yo seleccione un estilo y borre los demas, tanto imagenes como css. Por alguna extrana razon, IE y FF toman uno y Chrome otro, y obvio, IE y FF no encontraban el path de las imagenes ya que a la hora de decidir cual, yo lo estaba viendo en Chrome.

Aun no entiendo porque Chrome toma otro, pero dejando los 2 estilos, queda solucionado el problema.

Saludos!!!

[jomaruro]

Hola:

Me alegro que lo hayas solucionado, y más me alegra que lo hayas resuelto sin ayuda porque eso hace que aprendas las cosas mejor.

Un saludo.