如何停止Safari在链接图像中为文本加下划线？

我的站点中有链接到文本的图像。文本看起来像一个链接，当鼠标悬停在一个图像上时，它会出现在屏幕上的一个固定位置，下面有文本来描述它。我想在图像下的文字，以显示简单，没有下划线。它在IE9、Chrome和Firefox中都有，但在Safari中没有。文本链接的html如下所示：-

    <p><a class="thumbnail" href="#thumb">Basil Thomas Stirratt<span><img src="images/basil     stirrat.jpg" width="200" height="299" alt="" /><br />Basil Thomas Stirratt<br />taken June 1940</span></a>, who was 18 at the time, had been......</p>

.thumbnail{
background-color:#FFFF00;
position:static;
z-index: 0}

.thumbnail:hover{
background-color:#CCCCCC;
z-index: 50}

.thumbnail span{ /*CSS for enlarged image*/
position:fixed;
background-color:#99CCFF;
padding:5px;
left: -1000px;
border: 10px ridge #E0E0E0;
visibility: hidden;
text-decoration:none;
text-indent:0px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#000000;
text-align:center;
-moz-box-shadow: 3px 3px 8px #333333;
-webkit-box-shadow: 3px 3px 8px #333333;
box-shadow: 3px 3px 8px #333333;}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}

奇怪的是，我似乎不被允许发布图片来证明这个问题。要查看这些图像的显示方式，请访问我的网站[1]：，查找高亮显示的黄色文本并将光标悬停在上面

---

有没有关于如何停止Safari这样做的建议？

已经解决了这个问题。这与在我的文本中加下划线的正常链接有关，这是我想要的。解决方案是将链接变成深蓝色，弹出图像的背景变成同样的蓝色，然后将图像下文本的颜色改为白色。这意味着文本仍带有下划线，但与背景颜色相同，因此您无法看到下划线！它对我有用

我有

文本

结构，不明白span有什么问题。问题很简单。我在锚标记上应用了

文本装饰：none

。