solita immagine centrata ridimensionabile

[misshellfire]

...ho un div a larghezza fissa (contenu).... all'interno ho messo un'immagine ridimensionabile (doyouwannaplay).

I css sono questi:

.contenu {
    width: 900px;
    margin: 0 auto;
    margin-top: 0px;
}

#doyouwannaplay{
position:absolute; 
top:0; 
z-index:2; 
height:100%;
margin-left:auto;
margin-right:auto;
}

Su safari funziona abbastanza bene il centramento... ma su firefox no.... come mai?
Inoltre al pulsante PLAY che vedrete sotto ho dato lo stesso css dell'immagine (doyouwannaplay) ma non si centra al browser...

Ho caricato il tutto a questo link http://www.thejoke.it/ascensor_thejoke/index

[ResianTaxidrive]

da dove hai preso il css?

[misshellfire]

L'ho preso da un post in giro... è l'unico modo che ho trovato per avere la mia immagine che si ridimensiona in base al ridimensionamento della finestra....... sbagliato?

[ResianTaxidrive]

prova a seguire questo esempio

http://www.ringvemedia.com/

e parti da una situazione più semplice; aggiungi dopo tutti gli altri div.

[misshellfire]

ok grazie mille... provo!

[misshellfire]

mmm ci sto litigando ma in qualsiasi modo io ci provi non funzia...... cioè su firefox mi crea tutti i problemi.....
ho seguito anche questo http://www.juliusdesign.net/10357/ba...-con-html-css/ ma nulla......

da zero ovviamente nessun problema... solo che io devo adattare la cosa in uno script già impostato........

[ResianTaxidrive]

secondo me dovresti mettere l'immagine di sfondo in un div a parte non contenuto in altri div, dovrebbe essere figlio diretto di body. Riesci a modificare il codice in modo da fare cio'?