Фоновое изображение IE6 в ссылке не отображается при переносе в span

Question

У меня проблема в IE6, но не в IE> = 7, FF или Chrome. Вызывается, когда вы оборачиваете тег привязки в span.

<span><a href="place"><span>Text</span></a></span>

Однако это работает:

<h1><a href="place"><span>Text</span></a></h1>

Единственный стиль на них - как показано ниже:

div#headeraffiliate a.skin_3 {
    width: 550px !important; height: 53px !important;
    background: transparent url('images/logo_skin3.gif') top left no-repeat !important;
}

div#header a#logo span,
div#headeraffiliate a#logo span {position: absolute; margin-left: -1000em;}

div#header a#logo,
div#headeraffiliate a#logo {
    display: block;
    width: 297px; height: 69px;
    z-index: 1000;
    position: absolute; left:0; bottom:0;
    background: transparent url('images/logo.gif') top left no-repeat;
}

Answer 1

Я полагаю, что разница здесь в том, что тег H1 - это элемент уровня блока, где span является встроенным элементом. Это может работать, если вы используете <span style="display:block">

Answer 2

Я подозреваю, что это причина:

div#headeraffiliate a#logo span {position: absolute; margin-left: -1000em;}

Он позиционирует вашу ссылку вне экрана.