Tarrika:
No lo tomes a mal, pero tu css es un caos, de todas maneras creo haber corregido a medias tu problema,
tu css actual:
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header img {
margin-left: auto;
margin-right: auto;
}
modificando como sigue podemos corregir bastante el problema:
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
height: 242px;
}
#header img {
margin-left: auto;
margin-right: auto;
height: 246px;
}
pero como te dije, es a medias, porque hay un problema con la imagen en si misma. Con lo anterior, la espalda del personaje de la izquierda encaja perfectamente en la esquina inferior izquierda del div, pero si vas siguiendo hacia la derecha, al parecer la transparencia del PNG no tiene el mismo indice, hay como una especie de espacio mas claro que llega hasta la espalda del personaje de la derecha (el de pelo rubio), justo debajo del texto en japones.
Otra recomendación, intenta reducir el peso de las imágenes, del header y de la de fondo, la carga es lenta y hay un desfasaje notorio entre las dos y a su vez con respecto a la carga general de la página. (yo trabaje sobre tu jpg de fondo y se puede reducir a unos 100kb, sin que pierda demasiado para verlo en la web.)
Las pruebas las hice con Firefox, no sé como se vera el nuevo CSS en otros navegadores.
Te dejo la muestra en
http://foros.emprear.com/tarrika/tarrikaire.jpg
Saludos