Salve a tutti,

Ho un problema con un DIV contenuto dentro un'ancora, e all'interno di questo è presente una tabella. Posto il listato HTML così da rendere più facile la comprensione.

Codice PHP:
<a href='match.php?match=80841fa3&sq1=Milan&sq2=Juventus&data=11/04/2013'>             
   <div class='risultato'>          
   <span id='data'>11/04/2013</span>                 
   <table width='100%' border='0'>          
      <tr>             
         <td width='25%' align='right'><span id='titolo'>Milan</span></td>             
         <td width='25%' align='right'>[b]3[/b]</td>             
         <td> - </td>             
         <td width='25%' align='left'>[b]3[/b]</td>             
         <td width='25%' align='left'><span id='titolo'>Juventus</span></td>          
      </tr>          
   </table>          
   </div>       
</a> 
Per ora l'utilizzo della tabella è temporaneo, prossimamente la cambiero con una serie di DIV.

Non ho trovato nulla a riguardo del mio problema, ma sembra che in IE8 (l'unico IE che ho a disposizione) il click si attivi solo quando premo su una scritta contenuta nella tabella, mentre su altri browser (Chrome, Firefox, Opera, Safari etc..) il DIV è interamente clickabile.

Come posso rendere l'intero DIV clickabile anche su IE8?

Posto anche il codice CSS nel caso fosse utile

Codice PHP:
.risultato {    
background: #fff;    
width: auto;   
 height: auto;    
border:1px solid #D3D3D3;    
margin-bottom: 30px; 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 
border-radius: 15px; 
}  
.risultato:hover {
background: #ADD8E6;    
cursor: pointer; 
} 
Grazie per l'aiuto.