IE7的CSS问题

Question

我正在设计一个网站，并且它在除IE7之外的所有其他浏览器中看起来都不错，因为我有一个我无法纠正的问题。 我有这样的HTML菜单：

<div id="nav">
        <ul>
            <li id="cMenu"><a id="cart" href="#">Home</a></li>
            <li id="pMenu"><a id="promos" href="#">Promos</a></li>
            <li id="aMenu"><a id="anun" href="#">Ads</a></li>
        </ul>
    </div><!-- /nav -->

然后我有我的CSS：

div#nav{width:339px;height:120px;display:block;}

div#nav ul{list-style:none;}
div#nav ul li{display:inline;padding:20px;}
div#nav ul li a{width:30px;height:80px;}

div#nav ul li#cMenu{text-indent:-999999px;}
div#nav ul li a#cart{background:url(../img/menu2.png) 0 50px no-repeat;width:110px;height:120px;display:block;}
div#nav ul li a#cart:hover{background:url(../img/menu2.png) 0 -69px no-repeat;}

这里的问题是，当我在IE7上预览此内容时，什么都没有显示，我已经完全厌倦了定位，还通过使用border =“ dotted”检查是否所有内容都存在，而我只能看到div＃nav的边框，什么也没有其他出现。 （我没有放置菜单的所有CSS，因为它基本上是相同的，只是ID不同）。

有人知道怎么了吗？

Answer 1

div＃nav ul li＃cMenu {text-indent：-999999px;}

通过此将其所有内部li标签发送到-9999999 text-indent

尝试把文本缩进标签

我希望它能工作

Answer 2

采用

display: block;

用于您的CSS导航声明。 那应该解决它:)