Css 超链接背景图像仅在IE的怪癖模式下可见

Css 超链接背景图像仅在IE的怪癖模式下可见,css,internet-explorer,quirks-mode,Css,Internet Explorer,Quirks Mode,我的页面上有一个超链接: <div id="ContainerDIV"> <a href="#" id="hlkTest" class="imgLink" title="Test" /> </div> 当IE以“怪癖”模式打开页面时,图像可见,但在标准模式和/或Chrome中不可见。我一直在试图弄清楚什么CSS只在怪癖模式下工作。有人能帮忙吗 尝试重新构造代码: HTML <div id="ContainerDIV"> <a

我的页面上有一个超链接:

<div id="ContainerDIV">
    <a href="#" id="hlkTest" class="imgLink" title="Test" />
</div>

当IE以“怪癖”模式打开页面时,图像可见,但在标准模式和/或Chrome中不可见。我一直在试图弄清楚什么CSS只在怪癖模式下工作。有人能帮忙吗

尝试重新构造代码:

HTML

<div id="ContainerDIV">
    <a href="#" id="hlkTest" class="imgLink" title="Test"></a>
</div>

如果有正确的结束标记,它在Chrome或IE的标准模式下仍然无法工作。另外,显示:块不是一个选项,因为当有多个图像超链接时,它们不是在一行中,而是各自占据一行。让我修改我的问题,以反映这一点。因此,不要使用
block
而使用
inline block
。Michael,我尝试按照之前的建议使用inline block,图像在重新加载页面时出现了一秒钟,然后又消失了。我之前的评论中的演示链接发生了什么情况?好的,我认为内联块是造成这种情况的原因。问题是页面上还有其他东西导致了问题。谢谢你的帮助!
<div id="ContainerDIV">
    <a href="#" id="hlkTest" class="imgLink" title="Test"></a>
</div>
#ContainerDIV {
    padding-left: 2.5em;
    padding-top: 0.0em;
    width: 90%;
}

#hlkTest {
    display: block;
    background-image: url("http://placehold.it/400x200");
    background-position: 0px;
    background-repeat: no-repeat;
    height: 200px;
    width: 400px;

 }