How to remove blue underline under text in google chrome?
===

This only happens in Google chrome ,I am using chrome 17.0.928 version. This works fine in firefox , but blue underline in google chrome .

    .thumbnail:hover{z-index: 50;text-decoration: none;position:relative;}
    .thumbnail span{  position: absolute;background:#000;padding: 5px;left: -1000px;
     border: 0px solid #ddd;visibility: hidden;color: #fff;width:388px;height:190px;text-decoration: none;}
    .thumbnail:hover span{ text-align:left;visibility: visible;top: 0;left: 110px;text- decoration:none; 
     top:-120px;-webkit-box-shadow: 0 8px 6px -6px #aaa; -moz-box-shadow: 0 8px 6px -6px   #aaa;box-shadow: 0 8px 6px -6px #aaa;}
    .hoverbold {
    text-decoration: none;
    font-family: verdana;
    font-size: 11px;
    color: #B09F6E;
    } ​


http://jsfiddle.net/NW8Nw/3/