在用css写一个下拉菜单的时候，在FF下测试没问题，但在IE下，始终显示不出来，检查代码，发现是手写的HTML，没有加上声明标记：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这是一个申明，申明此网页遵循W3C所制定的DTD规则。W3C是一个万维网联盟，主要作用是规范各种制作网站所用的工具，比如HTML,CSS,JAVASCRIPT等等。 而DTD只是W3C对网页的HTML文件规范的一种。 W3C没有对HTML文件的解析做标准之前，各种浏览器对同一个网页文件的解析千差万别。为了避免这样的事，W3C就提出了规范。

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。 

附上下拉菜单代码：

 
    
     
         
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2.  
         
  2. <html> 
    3.  
         
  3. <head> 
    4.  
         
  4.     <style type="text/css">  
    5.  
         
  5.         #menus * { margin:0;  padding:0; }  
    6.  
         
  6.         #menus { border:1px solid #999999;  float:left;  }  
    7.  
         
  7.         #menus ul { float:left;}  
    8.  
         
  8.         #menus li { list-style-type:none;  float:left;  border-right:1px solid #999999;  position:relative;  }  
    9.  
         
  9.         #menus li .nav2{ display:none;  position:absolute;  left:-1px;  width:70px; border:1px solid #999999;  }  
    10.  
         
  10.         #menus li:hover .nav2 { display:block;  } 
    11.  
         
  11.         #menus a {  text-align:center;  width:70px;  height:30px;  text-decoration:none;  line-height:30px;  display:block;  background-color:#DDD;}  
    12.  
         
  12.         #menus a:hover {  color:#CCC;  background-color:#666; }  
    13.  
         
  13.     </style>  
    14.  
         
  14. </head> 
    15.  
         
  15. <body>  
    16.  
         
  16.     <div id="menus">  
    17.  
         
  17.     <ul>  
    18.  
         
  18.         <li>  
    19.  
         
  19.             <a href="#">新闻</a>  
    20.  
         
  20.             <ul class="nav2">  
    21.  
         
  21.                 <li><a href="#">国际</a></li>  
    22.  
         
  22.                 <li><a href="#">国内</a></li>  
    23.  
         
  23.             </ul>  
    24.  
         
  24.         </li>  
    25.  
         
  25.         <li style="border:0px;"> 
    26.  
         
  26.             <a href="#">网页</a> 
    27.  
         
  27.             <ul class="nav2">  
    28.  
         
  28.                 <li><a href="#">教育</a></li>  
    29.  
         
  29.                 <li><a href="#">医疗</a></li>  
    30.  
         
  30.             </ul> 
    31.  
         
  31.         </li>  
    32.  
         
  32.     </ul>  
    33.  
         
  33.     </div>  
    34.  
         
  34. </body>  
    35.  
         
  35. </html> 
    36.