Ciao ragazzi,
ho necessità di inserire del testo sopra a delle immagini. Ho un codice (che incollo sotto) con cui visualizzo correttamente la pagina solo alcuni browser e sistemi operatvi. Su altri il testo se ne va per i fatti suoi dove non dovrebbe essere. Dopo avere cercato ovunque e fatto parecchie modifiche provo a chiedere a voi.
Sapete dirmi cosa c'è da modificare o cosa c'è di sbagliato nel codice?

Grazie!

Codice:

<style type="text/css">.immagine {
position: relative;
width: 100%;
}
h1 {
position: absolute;
color: #ffffff;
font: bold 17px Trebuchet;
padding:10px;
top: 247px;
left: 850px;
width: 100%;
}
h2 {
position: absolute;
color: #3C3C3C;
font: 16px Verdana;
padding:10px;
top: 400px;
left: 96px;
width: 100%;
}
</style>
<div class="immagine"><img alt="testo alternativo" src="http://www.videotake.it/prova/images/foto%20prova.jpg" />
<h1>TESTO 1</h1>
<h2>TESTO 2</h2>