В IE кликабельна только текстовая часть ссылки

Question

Я только что заметил, что в IE9 и IE8 (не в IE7) заполнение вокруг моих ссылок не рассматривается как часть ссылки (она не активируется, и мои эффекты при наведении курсора не применяются при наведении курсора). Работает только текстовая часть ссылки.

Я пытался придать элементу цвет фона, но это не помогло.

Кто-нибудь видел это раньше?

РЕШЕНО: Написал огромную правку на мой вопрос и сам понял. У меня был отрицательный z-индекс на теле, который я точно не знал, вызвал бы это, но очевидно это делает. Вот jsfiddle: http://jsfiddle.net/CEbMe/, который показывает проблему в IE9 и IE8

Answer 1

Ни один из предложенных ответов не помог мне, и я потратил несколько часов, чтобы найти ответ:

http://haslayout.net/css/Partial-Click-Bug-v2

background-image: url(#);

исправил егоЯ предполагаю, что это, вероятно, сделало бы работу также:

background-color: transparent;

Answer 2

Попробуйте добавить:

<style>
  a { display: inline-block; padding: 0 50px; background: yellow; }
</style>
<p>This is a <a href="#">link</a> with some text around it</p>