Como conseguir esta cabecera

[Jowy]

Hola necesito por favor que alguien me oriente en como podría conseguir un encabezado como el de www.formula1.com. Pretendo colocar un encabezado parecido en la mia pero no lo consigo porque la imagen quiere salir entera y no hay manera de que aparezca entrecortada como en ese site. Como lo puedo conseguir? He probado tablas, divs y mas cosas y no puedo.

:(

[juaniquillo]

el truco es ponerla de fondo en el div y ponerla en el medio. este es el css:

Código HTML:

 #wrapperHeading {
        background: url('/photos/races/main_banner/head_generic.gif') no-repeat 50% 0;
    }

esta es la imagen gif, muy bien hecha por cierto:
http://www.formula1.com/photos/races...ad_generic.gif

despues dentro del #wrapperHeading pones el #wrapperContent, que es un div donde esta todo lo demas.

[Jowy]

Gracias juaniquillo, hasta ahi había llegado y lo he implementado pero todo el fondo (a excepcion de la imagen) me sale blanco y no se conserva la transparencia de la cabecera (es un png). No se como consiguen conservar la transparencia y que aparte aparezca otro patrón de fondo para el resto de la imagen y la pagina

Tu sabes como lo consiguen?

[juaniquillo]

Pues ese es un problema de explorer 6. Si usas otros navegadores no te pasa. Ellos lo solucionan usando un gif en vez de un png.

[Jowy]

Trabajo con Firefox, pero en explorer 7 tambien me pasa. Voy a probar con gif a ver que tal.
Gracias por todo