Lien entourant un div -> image non cliquable

bonjour,

pour un projet, j'ai été amené à devoir rendre un div cliquable

je rencontre un probleme lorsque j'indique une largeur, une hauteur ou une position dans le style du div:
l'image cesse alors d'être cliquable

code qui fonctionne ( on a pas encore indiqué de largeur au div) :

<a style="display:block;hand:hover;border:solid 3px blue;width:50px;padding:0px;" href="https://www.google.fr/?gws_rd=ssl" target="_blank">  
 	
    <div>
      <img border=0 SRC='http://blonville.unblog.fr/files/2007/11/google.gif'>
    </div>
</a>  

code qui plante ( on a indiqué une largeur au div ) :

<a style="display:block;hand:hover;border:solid 3px red;width:50px;padding:0px;" href="https://www.google.fr/?gws_rd=ssl" target="_blank">  
 	
    <div style="width:50px;">
      <img border=0  SRC='http://blonville.unblog.fr/files/2007/11/google.gif'>
    </div>
</a>  

Sauriez vous pourquoi l'image cesse d'être cliquable lorsque qu'une largeur est ajoutée au style du div ?
Connaitriez vous une "bidouille" pour que l'image reste cliquable?
probleme: je ne peux pas utiliser de javascript ou creer un div avec l'image en background

PS: je sais que normalement il ne faut pas entourer un div par un lien mais dans le cadre
de mon projet je suis obligé de proceder de cette maniere, je sais que ce que je demande
n'est pas du code html valide mais uniquement une bidouille alors les puristes, ne vous formalisez pas !!

merci d'avance