Links not working IE8

I've inherited this code and all was going well on firefox, however when I tried it on IE8 it all went wrong. My links work fine in firefox, in IE8 they simply don't work. I'm hoping this will solve the rest of my alignment problems, both CSS and HTML are validated. here is tyhe code section I think is at fault.

echo '<div class="allphoto">';
			echo '<div class="body">';
			
			echo '<div class="photo"';


			print '   <a href="../'.$row["theme"].'/'.$row["fichier"].'" target="_blank" class="info"><img src="../'.$row["theme"].'/'.$row["fichier"].'" height="150" width="150" /><span><p>Agrandir</p><p>'.$row["nom"].' '.$row["prenom"].'</p><p>idVis: '.$row["idVis"].'</p><p>email: '.$row["email"].'</p></span></a>'.ln;
			
			echo '</div class="photo">';

			echo '<div class="checkboxes"';


			

			if($row['valide']==1)
			
			

				print ' <label for="checkbox">Display  <input type="checkbox" name="valid_'.$row["idVis"].'" value="checkbox" checked="checked">'.ln;

			else

				print ' <label for="checkbox">Display  <input type="checkbox" name="valid_'.$row["idVis"].'" value="checkbox">'.ln;

				// compte si gagnant

				$query2 = "SELECT COUNT(1) FROM gagant WHERE idV =".$row ['idVis'];

				$result2 = mysql_query($query2) or die(mysql_error());

				$row2 = mysql_fetch_row($result2);

				$gagnant=$row2[0];

				if ($gagnant==0){
					
					

					print ' <label for="checkbox">Gagnant  <input type="checkbox" name="gagne_'.$row["idVis"].'" value="checkbox2">'.ln;

				}

				else{

					print ' <label for="checkbox">Gagnant  <input type="checkbox" name="gagne_'.$row["idVis"].'" value="checkbox2" checked="checked">'.ln;
					
					

				}
				
				echo '</div class="checkboxes"';
				
				

			

			print '	  <a href="bonewbak.php?cmd=supp&id='.$row["idVis"].'&pos='.$pos.'" target="_self" class="info"><b>Supprimer</b></a>'.ln;

			echo '</div>';
			echo '</div class="allphoto">';
		}

		
		print '<br/>';	

		echo '<div class="nav">';
		echo '<br/><hr/>';
		

		print '		<input type="submit" name="SaveSelected" value="Enregistrer les modifications">'.ln;

		

HTML:

And the CSS

a.info:link {
	position: relative;
	color: #000;
	text-decoration: none;
	font-size: 10px;

}

a.info span {

   display: none;

}

a.info:hover {
	background: none;
	color: #F30;

}

a.info:hover span {

   text-align: center;

   display: inline;

   position: absolute;

   white-space: nowrap;

   top: -20px;

   left: 20px;

   background: #777777;

   color: #FFFFFF;

   padding: 3px;

   border: 1px solid #1ca1cd;

   border-left: 5px solid #1ca1cd;

}

Code (markup):

I'm sure the problem is in the <a> tags somewhere. Thanks I'm going crazy.