CSS кнопки не отображаются должным образом в IE

Question

Я не могу заставить кнопки комментариев правильно отображаться в IE7 и IE8. Это URL: http://bit.ly/dJkZuI

Отлично работает во всех других браузерах. В последние дни я бился головой, пытаясь решить ее безуспешно. Любая помощь будет принята с благодарностью.

Answer 1

Это как-то связано с тем, что у вас есть два тега привязки внутри этого div, а не только один. Если вы наведите указатель мыши на каждое из этих изображений, вы увидите, что оба они идут по разным URL-адресам.

Ваш CSS настроен так, чтобы якоря в этом div занимали пространство, поэтому, несмотря на то, что якорь не имеет содержимого внутри, он все еще занимает то же количество места. Удалите якорь, на котором нет текста, и проблема должна исчезнуть.

У вас также есть ошибки javascript, которые вам, вероятно, следует устранить, но это не должно быть связано с этой конкретной проблемой.

Answer 2

Я предполагаю, что IE смущен неверным HTML. a элементы не могут содержать блочные элементы, такие как div s.

В вашем HTML есть несколько других ошибок. Вы также должны исправить их:

http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fwww.the-artifice.com%2ffilm%2f

Answer 3

отлично работает для меня в IE7.Возможно, вы внесли изменения, и ваш браузер все еще использует кэшированную версию таблицы стилей?

Answer 4

Это не просто IE7, который рендерит это таким образом.IE8 делает то же самое.Проблема в том, что у вас есть тег a вне div, а затем еще один внутри.Вы не можете сделать это.