與IE7的CSS麻煩

我正在設計一個網站，它基本上除了IE7，其中我有一個問題，我沒有能夠糾正的基本上看起來不錯。我有這樣的HTML菜單：與IE7的CSS麻煩

<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）。

有沒有人知道什麼是錯的？

來源

2010-09-11 Tsundoku

您是否使用了doctype，並且您嘗試過''display'：block'''''元素（以確保它們正在呈現）？還要確保您關閉了文檔「」中的任何/所有'script'和'style'標記。 – 2010-09-11 23:01:29

是的，我正在使用<！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Strict // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」>並驗證。我已經檢查過所有的標籤，並且它們對於顯示器是封閉的：block我沒有嘗試過，但是當我做完了，它就出現了，非常感謝！ – Tsundoku 2010-09-11 23:44:30

使用

display: block;

爲您的CSS導航聲明。這應該修復它:)

來源

2010-09-12 18:22:46 Amit

股利＃導航UL李＃c菜單{TEXT-INDENT：-999999px;}

本公司發送的所有內裏標籤-9999999 TEXT-INDENT

嘗試把文本縮進到一個標籤

我希望它的工作

來源

2010-09-11 23:25:59 Moksha

與IE7的CSS麻煩

回答

相關問題