Hover эффект не работает на IE9

Question

Живой сайт-http://www.orourkehospitality.com/hostedContent/williamsinn/

Hover эффект не работает на IE9, но работает perectly на Chrome, Safari, Mozila и т.д. Проверьте скриншоте ниже.

Любая идея, в чем проблема & как исправить? Я буду предоставлять код, если это необходимо (это слишком долго по этой причине, я пропускаю сейчас).

Answer 1

Добавить конкретные width и height для этих изображений:

img.hover-images-flourish { 
    width: 110px; 
    height: 25px; 
} 

Answer 2

это работало для меня

<img class="hover-images-flourish" src="http://www.orourkehospitality.com/hostedContent/williamsinn/wp-content/themes/williamsinn/images/hover-flourish-top.png" style="margin-top: 63px;width:100px:height:100px"> 

Я добавил

width:100px:height:100px in your style 

или вы могли бы

изменить его в CSS слишком

.hover-images-flourish { 
     width: 100px; 
     height: 100px; 
    } 

ВАЖНОЕ:

если выше исправление не работает

добавить

<meta http-equiv="X-UA-Compatible" content="IE=9"/> 

Answer 3

It кажется, в, если вы удалить эти свойства из hover_pack.css

есть стиль применяется для IE только, который, кажется, вызывает вопрос:

.ie a.b-animate-go img{ 
    width:100% !important; 
    height:100% !important; 
}