Error de posición de imagen en firefox y IE9 de imagen

[calbart]

Puedes ponerme en el código que te mando los cambios que me indicas, porque lo he probado y creo que lo hago mal, no lo tengo muy claro.

En el post de arriba esta la otra dirección con los códigos, si puedes y no es mucha molestia, copialos como los tengo yo y así veras exacto como reacciona.

No soy muy bueno con el tema de css

Código HTML:

<style>

#contenido {
	position:absolute;
	top:15px;
	left:231px;
	margin-left: -225px;
	width: 750px;
	margin: 0 auto;
	padding: 20px 0;
	min-height: 100%;
	height: -21px !important;
}

.menu li {
list-style-type: none;
float: left;
font-size: 15px;
font-weight: bold;
line-height: 70px;
padding-right: 20px;
}

.menu {
width: 100%;
height: 70px;
}

.menu li a {
text-decoration: none;
color: #fff;
display: block !importnat;
position: relative;
width: 150px !importnat;
}

.menu li a:hover {
color: #fff;
}

.menu ul li ul span {
background: url('http://www.carlosbartual.com/disco/flecha.png');
margin: -20px -10px;
width: 20px;
height: 10px;
position: absolute;
}

.menu ul li ul {
display: none; 
background: url('http://www.carlosbartual.com/disco/bg.png');
padding: 10px 0;
position: absolute;
margin: -12px -20px;
.margin: 69px -170px;
_margin: 69px -170px;
}

.menu ul li:hover ul {
display: block;
}

.menu ul li ul li {
display: block;
float: none;
position: relative;
color: #fff;
padding: 0 20px;
line-height: 30px;
}

.menu ul li ul li a{
color: #fff;
}

.menu ul li ul li a:hover {
color: #fff;
}

.menu li a:hover {
color: #fff;
}li a:hover {
color: #fff;
} {
color: #fff;
}lor: #fff;
}

</style>

<div id="contenido">
  <div class="menu">
	<ul>
	  <li><a href="#">Inicio</a></li>
		<li><a href="#">Tienda</a></li>
		<li><a href="#">Novedades</a>
        <ul><span></span>
			<li><a href="#">Recomendado</a></li>
			<li><a href="#">lista</a></li>
		</ul>
		</li>
        <li><a href="#">Contacto</a></li>
        <li><a href="#">Consultas</a></li>
        <li><a href="#">videos</a></li>
		<li><a href="#">Enlaces</a>
		<ul><span></span>
			<li><a href="#">Podomatic</a></li>
			<li><a href="#">Myspace</a></li>
            <li><a href="#">facebook</a></li>
            <li><a href="#">Flickr</a></li>
            <li><a href="#">Mixpod</a></li>
		</ul>
		</li>
	  <li><a href="#">blog</a></li>
      <li><a href="#">Conciertos</a></li>
	</ul>
</div></div>