ho visto che il tema è stato affrontato già qui , ma non riesco a, diciamo, adattare la soluzione alla mia situazione.. anche su altri forum ho trovato materiale che, chiedo venia, proprio non mi riesce di sfruttare

In pratica ho alcune immagini nella pagina (ognuna contenuta come sfondo di un collegamento) e una didascalia in uno span, che appare con effetto hover.. però, metre su FF etc.. funziona perfettamente, su IE6 non mi riesce di farlo funzionare


la pagina è così:

Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<
head>
  <
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
  <
title>prova</title>


<
style type="text/css">


*    {
    
margin0;
    
padding0;
    }

body
    
{
    
background#FFFFFF;
    
}

#content
    
{
    
positionabsolute;
    
margin0;
    
top100px;
    
left:10px;
    
height400px;
    }

#content a
    
{
    
displayblock;
    
height400px;
    }

#content a span
    
{
    
display:none;
    }

#content a:hover span
    
{
    
display:block;
    
position:absolute;
    
padding10px;
    
bottom:0px;
    
left:0px;
    
colorwhite;
    
background:black;
    }

</
style>


</
head>


<
body>

<
div id="content">

  <
a href='#' style='background: #CCCCCC; width: 500px; position: absolute; left:10px'>
  <
span style='width: 480px; left:0px;'>prova testo,
secondo rigo</span></a>

  <
a href='#' style='background: #CCCCCC; width: 500px; position: absolute; left:600px'>
  <
span style='width: 480px; left:0px'>questa è una prova</span></a>

</
div>

</
body>
</
html