Hover эффект работает с Firefox, но ни один другой браузер

Question

Здесь пока мой код:

.post .entry a:hover{ 

opacity: 0.5; 

transition: opacity .25s ease-in-out; 
-moz-transition: opacity .25s ease-in-out; 
-webkit-transition: opacity .25s ease-in-out; 
-ms-transition: opacity .25s ease-in-out; 
} 

Я не уверен, почему это не будет работать с Chrome/IE/Safari. Он отлично работает с Firefox.

Answer 1

Ваша проблема в том, что вы плаваете изображения внутри ссылок. Переместите float на элементы, которые находятся на одном уровне друг с другом.

Кроме того, замените теги абзацев тегами div. Пункты предназначены для текста, а не для макета.