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

Question

У меня есть изображение, которое использует абсолютное позиционирование на моем сайте. Он позиционируется для отображения поверх css-background-image. Он отлично работает в браузерах на основе Gecko и WebKit. Я был удивлен, увидев ту же проблему в ОБА версии 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>:

 <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>

Answer 2

Ваш элемент 'A' неправильный. Попробуйте

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

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