Hi,

I wrote the question in IE 11 forum but they said I'm better writing here and they give me the link to post here.

I have the following code where I have transition for an element that has the cursor as a hand.  In Chrome 40 it works just fine, the cursor stays a hand when I'm hovering over the element but in IE 11 it flickers between the hand and the arrow and when the animation is completed, it stays an arrow.  What is the problem exactly ? A bad IE design for CSS or it's something I forget to do for compatibility with IE 11 ?

Even if I set the cursor:pointer on the .Content class as well as on the :hover it doesn't help !

.Content{
    padding-left: 15px;
    box-shadow: 5px5px5px;
    border-bottom: 2pxsolidwhite;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    overflow: hidden;
    width: 60%;
    height: 40px;
    border-radius: 12px;
    text-align: start;
    background: #394958;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
    z-index: 1;

}

.Content:hover{
    height: 400px;
    cursor: pointer;

}

• Edited by GearWorld Friday, January 30, 2015 1:10 AM

Start Internet Explorer (No add-ons) in add ons mode and check. : 

-- > Start | (All) Programs | Accessories | System Tools | Internet Explorer (No add-ons).

Any updates?

Same thing running IE with no add-ons.

• Edited by GearWorld 22 hours 10 minutes ago

The result is the same once deployed on azure

You should ask MSDN develop forum instead of here.

https://social.msdn.microsoft.com/Forums/ie/en-US/home?category=iedevelopment

• Edited by fupin 9 hours 30 minutes ago update