CSS懸停也不回unhover風格

Question

我有社交按鈕就像這個頁面： http://demo.themexpert.com/joomla/appy/ （右側） 當你徘徊在IE11這個鍵，移動回他們不返回到以前的狀態。 這是IE中的錯誤嗎？是有辦法外觀圖釋

Answer 1

嘗試改變這一點：

.social-icons li a { display:block;} 

要這樣：

.social-icons li a { display:inline-block;} 

似乎解決這個問題，我在IE11

Answer 2

Working Fiddle

我已經創建了f中止修復問題。測試IE-11工作正常。

HTML

<ul id="social"> 
    <li> 
     <a href="#" class="fb"> 
      <div class="social-icon"></div> 
     </a> 
    </li> 
</ul> 

CSS

#social 
{ 
    position: absolute; 
    right: 0; 
} 
li 
{ 
    list-style: none; 
} 
.social-icon 
{ 
    height: 40px; 
    width: 120px; 
    background: red; 
} 
.fb 
{ 
    margin-top: 5px; 
    margin-right: -75px; 
    display: block; 
} 
.fb:hover 
{ 
    margin-right: 0px; 
    -webkit-transition: .5s; 
    -o-transition: .5s; 
    -moz-transition: .5s; 
    transition: .5s; 
}