image n'apparaissant pas dans IE7 OU IE8

Question

J'ai une image qui utilise le positionnement absolu sur mon site. Il est positionné pour apparaître sur une image css-background. Il fonctionne très bien dans les navigateurs basés sur gecko et webkit. J'ai été surpris de voir le même problème dans les deux versions d'IE, y compris 8. Je suis actuellement en utilisant un png pour l'image, mais l'ai essayé avec un jpg et cela n'a fait aucune différence. Balisage pertinent et css ci-dessous .... Des idées?

 <div id="have_vid"> 
    <div id="click_here"> 
     <a href="/services"<img id="join_now" src="<?php bloginfo('template_directory'); ?>/images/clickhere.png"</img></a> 
    </div> 
    </div> 

#have_vid { 
    width: 328px; 
    height: 152px; 
    background-image: url(images/havevid.jpg); 
    background-repeat: no-repeat; 
    float: right; 
    margin-right: 10px; 
    margin-top: 10px; 
    padding-bottom: 14px; 
    border-bottom:1px dotted #616161; 
} 

#click_here{ 
    position: absolute; 
    top: 50px; 
    right: 24px; 
} 

Answer 1

Votre élément 'A' est erroné. Essayez

<a href="/services"><img id="join_now" src="<?php bloginfo('template_directory'); ?>/images/clickhere.png" /></a> 

Utilisez également fiddler pour regarder et voir que IE télécharge l'image correctement.

Answer 2

Vous manque un angle de fermeture de votre étiquette <a>:

<a href="/services"<img id="join_now" src="<?php bloginfo('template_directory'); ?>/images/clickhere.png"</img></a> 

devrait être:

<a href="/services"><img id="join_now" src="<?php bloginfo('template_directory'); ?>/images/clickhere.png"</img></a>