html - 超鏈接的異常行爲

我創建了一個div，在其中放置了一些超鏈接。在這些上，我添加了一些樣式，當我將鼠標懸停在他們身上時，他們會得到一個下劃線，非常簡單。但是當我試圖將它們盤旋在他們身上時，會出現一條不尋常的小線。html - 超鏈接的異常行爲

HTML：

<section id="header"> 
    <div id="header-links-holder"> 
     <a href="#"><span>HOME</span> 
     <a href="#"><span class="no-spacing">ABOUT US</span></a> 
     <a href="#"><span>PORTFOLIO</span></a> 
     <a href="#"><span class="no-spacing">CONTACT US</span></a> 
    </div> 
</section>

CSS：

html, body{ 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%; 
} 

#header { 
    width: 100%; 
    height: 30%; 
    background-image: url(http://www.7daysinhavana.com/wordpress/wp-content/themes/7days/images/commun/back_header_global.jpg); 
    font-family: 'GarageGothicBlackRegular'; 
    word-spacing: 20px; 
    font-size: 25px; 
    text-align: center; 
    position: relative; 
} 

#header-links-holder { 
    position: absolute; 
    width:100%; 
    bottom: 0px; 
} 

#header a { 
    color: black; 
    text-decoration: none; 
} 

#header a:hover{ 
    text-decoration: underline; 
} 

.no-spacing { 
    word-spacing: 0px; 
}

嘗試將鼠標懸停在鏈接HOME和看到的結果。

我該如何解決這個錯誤？

來源

2013-06-18 Mohammad Areeb Siddiqui

試突出流浪標籤''後'首頁' –

'我不能複製這個。它工作正常。不過，我注意到你在幾個地方使用了'0px'。爲什麼？這和0Siddiqui一樣有意義！ 0是0 - 使用它的單位是沒有意義的！ –