Javascript 锚在IE7上分为两部分

排名：IE8

底部：IE7

如何修复IE7，使其不会将我的锚裂成两部分？我知道display:block和float:left可以解决这个问题，但我更希望它是内联的。这样，我可以在任意放置的锚按钮的左侧和右侧都有文本

    #launchChrome {
        font-weight: bold;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255,255,255,1);
        background: #eee;
        background: -moz-linear-gradient(center top, #fff, #cfd5e3);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #cfd5e3));
        border: 1px solid;
        border-color: #ccc #ccc #999 #ccc;
        -moz-border-radius: 0.4em;
        -webkit-border-radius: 0.4em;
        text-shadow: 0 1px 0 rgba(255,255,255,0.7);
        color: #666;
        font-size: 1.4em;
        padding: 0.2em 0.6em;
        margin: 0 0 0 1em;
        -moz-box-shadow: 0 0.1em 0.1em rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 0.1em 0.1em rgba(0,0,0,0.1);
    }

<a id="launchChrome" href="javascript:void(0)" onclick="launch()">
            <img src="<?=base_url()?>images/spacer.gif" class="spriteChannel googleChromeSmall">
            Launch Chrome
        </a>

#启动chrome{
字体大小：粗体；
文字装饰：无；
文本阴影：0 1px 0 rgba（255255,1）；
背景：#eee；
背景：-莫兹线性梯度（中上，#fff，#cfd5e3）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0，#fff）、颜色停止（1，#cfd5e3））；
边框：1px实心；
边框颜色：#ccc#ccc#999#ccc；
-moz边界半径：0.4em；
-webkit边界半径：0.4em；
文本阴影：0 1px 0 rgba（255255,0.7）；
颜色：#666；
字号：1.4em；
填充：0.2em 0.6em；
边距：0.1米；
-莫兹盒阴影：0.1米0.1米rgba（0,0,0,0.1）；
-网络工具包盒阴影：0.1米0.1米rgba（0,0,0,0.1）；
}

为什么一开始就使用图像标签

---

使用一个不重复的背景图像，并在链接上设置一个空白，以便文本覆盖图像。

我使用display:inline块来修复它。

首先关闭您的img标签

---

第二-尝试将

zoom:1

添加到

#launchChrome

-我在IE7中没有完全相同的渲染问题，但它修复了IE6/7中的外观问题。这应该会触发hasLayout。

我使用的是一个紧凑的精灵-所以我不能使用背景图像。如果我这样做了，其他图像也会出现。