изображение не отображается в IE7 OR IE8

Question

У меня есть изображение, использующее абсолютное позиционирование на моем сайте. Он позиционируется для отображения над css-фоновым изображением. Он отлично работает в браузерах, основанных на gecko и webkit. Я был удивлен, увидев ту же проблему в BOTH версиях IE, включая 8. В настоящее время я использую png для изображения, но попробовал его с jpg, и это не имело никакого значения. Соответствующая разметка и CSS ниже. Любые идеи?

 <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

Ваш элемент «А» неверен. Попробуйте

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

использовать также fiddler смотреть и видеть, что IE загружает изображение правильно.

Answer 2

Вы упускаете угол закрытия на вашем <a> тег:

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

Должно быть:

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