Css 无法从Chrome或Firefox中的超链接IMG中删除边框（在IE8中工作）

我在母版页上使用jquery菜单，菜单是用无序列表构建的。在每一个李，有锚标签。在这个锚定标记中，有一个图像标记和两个跨度

现在，菜单的工作方式是，在您将鼠标悬停在listitem上之前，您只看到文本，没有边框或背景色，此时图像和跨距将向外展开并变为可见。一切都很好，所有的东西都像IE8中应该显示的那样显示，但是当我在Chrome或Firefox中运行该站点时，每个列表项都会显示一个灰色的薄框。虽然这看起来不错，但这不是我想要的效果。我假设这与锚直接相关，但是没有一个标准的CSS技巧起作用。我已经尝试从一个列表项中删除锚标记，果然，该列表项的边框消失了。不幸的是，我需要那个超链接。img标记有一个src属性，它被定义并拉取正确的图像。在site.master页面头部的CSS中，我为a、img和span设置了以下属性：

        text-decoration:none;
        border-style:none;
        border:none;
        outline:none;

我还尝试将border=0直接添加到IMG中，但一点运气都没有。我唯一一次看到边界消失是在移除锚定标记时

我被困在这个问题上了。非常感谢您的帮助

为方便起见，以下是其中一个菜单项在代码中的外观：

<ul id="sdt_menu" class="sdt_menu">
            <li>
                <a href="#">
                    <img src="images/1.jpg" border="0" alt=""/>
                    <span class="sdt_active"></span>
                    <span class="sdt_wrap">
                        <span class="sdt_link">the island</span>
                        <span class="sdt_descr">About</span>
                    </span>
                </a>
                <div class="sdt_box">
                        <a href="#">Airlines</a>
                        <a href="#">Travel Info</a>
                        <a href="#">Currency</a>
                </div>
            </li>

---

感谢您发布样式表。您看到的灰色边框来自此规则：

ul.sdt_menu li > a {
  -moz-box-shadow:0px 0px 2px #000 inset;
  -webkit-box-shadow:0px 0px 2px #000 inset;
  box-shadow:0px 0px 2px #000 inset;
}

---

根据IE的说法，直到IE9才添加框阴影支持，这就是为什么在IE8中看不到阴影的原因。

你能链接到显示问题的实际测试用例吗？如果没有看到您的确切样式表，很难说这里发生了什么。我刚刚编辑了我的文章以包含样式表。不幸的是，我还没有一个工作副本在网上…谢谢你！你真是个天才！我不知道我是否会发现这一点，甚至怀疑这一点。我需要读一些关于那个盒子阴影造型的书…再次感谢你们@用户1022182不客气。别忘了接受答案！完成！对不起，这是我在这里发布的第一个问题，所以我不太确定怎么做。再次感谢！

ul.sdt_menu li > a {
  -moz-box-shadow:0px 0px 2px #000 inset;
  -webkit-box-shadow:0px 0px 2px #000 inset;
  box-shadow:0px 0px 2px #000 inset;
}