div, обернутый ссылкой, которая не отображается как кликабельная в IE 7

Question

У меня есть следующий код

<a href="http://google.com">
    <div style="float:left;">
        Test
    </div>
    <div style="float:left;">
        testing
    </div>
</a>

Ссылка работает правильно (щелчок в любом месте в div приводит к переходу по ссылке), но в IE7 div не выглядит кликабельным.При наведении курсора на div курсор не превращается в руку.

Наведение работает, как это предусмотрено в IE8, Firefox, chrome

Я предполагаю, что для этого есть обычный уродливый хак IE:-(

Answer 1

a {
  display: block;
  background: #eee; 
  overflow: hidden; 
  cursor: pointer;
}

ссылка по-прежнему работает, даже без изменения указателя, однако IE7 лучше нравится, если для hasLayout задано значение true (overflow:hidden;, которое также содержит значения с плавающей точкой в ​​других браузерах), а затем просто скажите ему, чтобы оно имело право курсор ... нужна помощь;)

Answer 2

Это должно работать, если у вас нет дополнительной разметки: http://jsfiddle.net/Cd4PK/

Однако это плохая разметка. Вы не должны иметь блочные элементы (div) внутри встроенных элементов (a). Попробуйте использовать диапазон?

Answer 3

href не может быть ...... или пустым

редактировать:

попробовать:

a
{
   display: inline-block;
}