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

[sanxuan]

Estoy usando esta página para ver los cambios.
http://portada-discosamsterdam.blogspot.com/
Te pongo en rojo lo que he modificado y en verde lo que debes borrar.

<style>

#contenido {
position:absolute;
top:15px;
left:50%;
margin-left: -270px;
width: 750px;
/*margin: 0 auto; Borra esta línea*/
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;
margin-left:-270px;
}

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

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