Problema con imágen HTML

[puchidj]

Hola, tengo un problema y es que me gustaría poner un banner en html con enlaces en la misma imagen.

Este es el banner que me gustaría colocar.
http://puchidj.es/wp-content/themes/Final2/images/header.html

Esta es mi web actual.
http://puchidj.es/

Y este el código de mi CSS.
Código: [Seleccionar]
div.art-header-png

Código:

{
  position: absolute;
  left:-50%;
  top: 0;
  width: 890px;
  height: 238px;
  background-image: url('images/header.png');
  background-repeat: no-repeat;
  background-position:center center;
}

Al intentar colocarlo poniendo "images/header.html" no me sale nada.
Necesito vuestra ayuda.

Muchas gracias y un saludo.

[iblancasa]

Lo estás poniendo como fondo de una capa.
Así no se puede.

Busca en algún buscador (como Google) "mapas de imágenes html". Esa es la clave.

Un saludo.

[puchidj]

Si tengo el código en html porque esta echo en dreamweaver, lo que no se es como subirlo en la web para que quede arriba como banner superior.

Saludos.