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...