CSS下拉菜单在IE中不工作（所有版本）

我对浮动在另一个导航分区中的CSS下拉菜单有一些问题。它在除IE之外的所有浏览器中都能正常工作。
这是位于页面上的脚本（是的，它是正确的Doctype）

>#cssmenu{高度：37px；显示：块；填充：0；边距：20px自动；边框：1px实体；边框半径：5px；}
> 
>#cssmenu>ul{列表样式：内部无；填充：0；边距：0；}
>#cssmenu>ul>li{列表样式：内部无；填充：0；边距：0；浮点：左；显示：块；位置：相对；}
> 
>/*样式化导航链接*/#cssmenu>ul>li>a{
>轮廓：无；显示：块；位置：相对；填充：12px
>20px；字体：粗体13px/100%Arial，Helvetica，无衬线；
>文本对齐：居中；文本装饰：无；文本阴影：1px 1px 0
>rgba（0,0,0,0.4）；}
> 
>#cssmenu>ul>li:first child>a{边界半径：5px 0 0 5px；}
> 
> 
>/*导航链接的额外边界*/#cssmenu>ul>li>
>a:在{content:''之后；位置：绝对；右边框：1px
>实心；顶部：-1px；底部：-1px；右侧：-2px；z索引：99；}
>#cssmenu ul li.has sub:hover>a:after{top:0；bottom:0；}
> 
>/*下拉列表的项目符号*/#cssmenu>ul>li.has-sub>
>a:在{content:''之前；位置：绝对；顶部：18px；右侧：6px；
>边框：5px实心透明；边框顶部：5px实心35; fff；}
>#cssmenu>ul>li.has sub:hover>a:before{top:19px；}
> 
>/*下拉菜单链接的悬停状态样式*/#cssmenu ul
>li.has sub:hover>a{背景：#3f3f；边框颜色：#ccc；
>填充底部：13px；填充顶部：13px；顶部：-1px；z索引：999；
> }
> 
>/*悬停时显示下拉列表*/#cssmenu ul li.有子项：悬停>
>ul，#cssmenu ul li.has sub:hover>div{display:block；}#cssmenu ul
>li.has-sub>a:hover{背景：#3f3f；边框颜色：#ccc；}
> 
>/*下拉样式*/#cssmenu ul li>ul，#cssmenu ul li>div{
>显示：无；宽度：自动；位置：绝对；顶部：38px；
>填充：10px 0；背景：3f3f；边界半径：0 0 5px 5px；
>z-索引：999；}
> 
>/*下拉列表样式*/#cssmenu ul li>ul{width:200px；}
>#cssmenu ul li>ul li{显示：块；列表样式：内部无；填充：0；边距：0；位置：相对；}cssmenu ul li>ul li
>{轮廓：无；显示：块；位置：相对；边距：0；
>填充：8px 20px；颜色：#fff；文本装饰：无；
>文本阴影：1px 1px 0 rgba（0,0,0,0.5）；}
> 
>/*下拉框样式*/#cssmenu ul li>div{width:auto；
>填充：20px；}cssmenu ul li>div p{font:9pt/150%；
>颜色：#fff；文本对齐：对齐；文本阴影：1px 1px 0
>rgba（0,0,0,0.5）；边距：0；}
> 
>#cssmenu ul li>div h1{位置：相对；边距：0 12像素
>0；填充底：10px；边框底：1px实心#222；
>字体：粗体13磅；颜色：#bbb；文本阴影：1px 1px 0 rgba（0,0,0,0.5）；
>}#cssmenu ul li>div h1:在{content:''之后；高度：0；
>填充：0；位置：绝对；底部：-2px；左侧：0；右侧：0；
>边框底部：1px实心#555；}

检查此小提琴链接

*{
    padding:0;
    margin:0;
    }
body {
    font:normal 12px/18px Arial, Helvetica, sans-serif;
    color:#000;
    padding:20px;
    background-color:#F2F2F2;
    }
ul, li, ol {
    list-style-type:none;
    }

.wrapper {
    width:95%;
    padding:10px;
    margin:0 auto;
    border:1px  solid green;
}
.spacer {
    clear:both;
    font-size:0;
    line-height:0;
    height:0;
    }

h2 {
    float:left;
    color:#2d2d2d;
    padding:20px;
    }
#cssmenu{
    height:37px;
    display:block;
    padding:0;
    border:1px solid;
    border-radius:5px;
}
#cssmenu > ul {
    list-style:inside none; 
    padding:0; 
    margin:0;
    }   
#cssmenu > ul > li {
    list-style:inside none; 
    padding:0; 
    margin:0; 
    float:left;    
    display:block; 
    position:relative;
    }

/* Styling navigation links */    
#cssmenu > ul > li > a{   
    outline:none;
    display:block;
    position:relative;
    padding:12px 20px;
    font:bold 13px/100% Arial, Helvetica, sans-serif;   
    text-align:center;
    text-decoration:none;
    text-shadow:1px 1px 0 rgba(0,0,0, 0.4);    
    }
   #cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}


/* Extra border for navigation links */    
#cssmenu > ul > li > a:after{
    content:''; 
    position:absolute;    
    border-right:1px solid;    
    top:-1px; bottom:-1px; right:-2px;   
    z-index:99;    
     }   
#cssmenu ul li.has-sub:hover > a:after{
    top:0;
    bottom:0;
    }

/* Bullet for dropdowns */    
#cssmenu > ul > li.has-sub > a:before{    
    content:'';    
    position:absolute; 
    top:18px; 
    right:6px;   
    border:5px solid transparent;    
    border-top:5px solid #fff;    
    }   
#cssmenu > ul > li.has-sub:hover > a:before{
    top:19px;
    }

/* Hover state styles for drop menu link */   
#cssmenu ul li.has-sub:hover > a{    
    background:#3f3f3f;   
    border-color:#ccc;   
    padding-bottom:13px; 
    padding-top:13px;    
    top:-1px;   
    z-index:999;   
    }

/* Show dropdown when hover */    
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
    display:block;
    }    
#cssmenu ul li.has-sub > a:hover{
    background:#3f3f3f; 
    border-color:#ccc;
    }

/* Dropdown styles */   
#cssmenu ul li > ul, #cssmenu ul li > div{
    display:none; 
    width:auto;   
    position:absolute; 
    top:38px;  
    right: -2px;
    text-align: right; 
    padding:10px 0;    
    background:#3f3f3f;    
    border-radius:0 0 5px 5px;  
    z-index:999;   
     }

/* Dropdown list style */   
#cssmenu ul li > ul{width:200px;}   
#cssmenu ul li > ul li{
    display:block; 
    list-style:inside none; 
    padding:0; 
    margin:0;    
    position:relative;
    }    
#cssmenu ul li > ul li a{    
    outline:none; 
    display:block;    
    position:relative;   
    margin:0;
    padding:8px 20px;    
    color:#fff;   
    text-decoration:none;   
    text-shadow:1px 1px 0 rgba(0,0,0, 0.5);   
    }

/* Dropdown box styles */    
#cssmenu ul li > div{
width:auto;
padding:20px;
}    
#cssmenu ul li > div p{    
    font:9pt/150%;
    color:#fff;    
    text-align:justify;    
    text-shadow:1px 1px 0
    rgba(0,0,0,0.5);    
    margin:0;    
    }
#cssmenu ul li > div h1{    
    position:relative;    
    margin:0 0 12px 0;    
    padding-bottom:10px;    
    border-bottom:1px solid #222;   
    font:bold 13pt; color:#bbb;    
    text-shadow:1px 1px 0 rgba(0,0,0,0.5); 
    }   
#cssmenu ul li > div h1:after{   
    content:'';   
    height:0;
    padding:0;   
    position:absolute;
    bottom:-2px; 
    left:0; 
    right:0;   
    border-bottom:1px solid #555;  
    }

---

goto:Jsbin.com，将css+html粘贴到适当的部分，将URL粘贴到此处。Hi@RoyiNamir这并不能解决问题，因为它在那里正确显示，而在IE中也没有显示……太好了，你提供的这个链接，我们将在IE中打开它。（链接就像电子邮件一样。任何人都可以在任何浏览器中打开它）

*{
    padding:0;
    margin:0;
    }
body {
    font:normal 12px/18px Arial, Helvetica, sans-serif;
    color:#000;
    padding:20px;
    background-color:#F2F2F2;
    }
ul, li, ol {
    list-style-type:none;
    }

.wrapper {
    width:95%;
    padding:10px;
    margin:0 auto;
    border:1px  solid green;
}
.spacer {
    clear:both;
    font-size:0;
    line-height:0;
    height:0;
    }

h2 {
    float:left;
    color:#2d2d2d;
    padding:20px;
    }
#cssmenu{
    height:37px;
    display:block;
    padding:0;
    border:1px solid;
    border-radius:5px;
}
#cssmenu > ul {
    list-style:inside none; 
    padding:0; 
    margin:0;
    }   
#cssmenu > ul > li {
    list-style:inside none; 
    padding:0; 
    margin:0; 
    float:left;    
    display:block; 
    position:relative;
    }

/* Styling navigation links */    
#cssmenu > ul > li > a{   
    outline:none;
    display:block;
    position:relative;
    padding:12px 20px;
    font:bold 13px/100% Arial, Helvetica, sans-serif;   
    text-align:center;
    text-decoration:none;
    text-shadow:1px 1px 0 rgba(0,0,0, 0.4);    
    }
   #cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}


/* Extra border for navigation links */    
#cssmenu > ul > li > a:after{
    content:''; 
    position:absolute;    
    border-right:1px solid;    
    top:-1px; bottom:-1px; right:-2px;   
    z-index:99;    
     }   
#cssmenu ul li.has-sub:hover > a:after{
    top:0;
    bottom:0;
    }

/* Bullet for dropdowns */    
#cssmenu > ul > li.has-sub > a:before{    
    content:'';    
    position:absolute; 
    top:18px; 
    right:6px;   
    border:5px solid transparent;    
    border-top:5px solid #fff;    
    }   
#cssmenu > ul > li.has-sub:hover > a:before{
    top:19px;
    }

/* Hover state styles for drop menu link */   
#cssmenu ul li.has-sub:hover > a{    
    background:#3f3f3f;   
    border-color:#ccc;   
    padding-bottom:13px; 
    padding-top:13px;    
    top:-1px;   
    z-index:999;   
    }

/* Show dropdown when hover */    
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
    display:block;
    }    
#cssmenu ul li.has-sub > a:hover{
    background:#3f3f3f; 
    border-color:#ccc;
    }

/* Dropdown styles */   
#cssmenu ul li > ul, #cssmenu ul li > div{
    display:none; 
    width:auto;   
    position:absolute; 
    top:38px;  
    right: -2px;
    text-align: right; 
    padding:10px 0;    
    background:#3f3f3f;    
    border-radius:0 0 5px 5px;  
    z-index:999;   
     }

/* Dropdown list style */   
#cssmenu ul li > ul{width:200px;}   
#cssmenu ul li > ul li{
    display:block; 
    list-style:inside none; 
    padding:0; 
    margin:0;    
    position:relative;
    }    
#cssmenu ul li > ul li a{    
    outline:none; 
    display:block;    
    position:relative;   
    margin:0;
    padding:8px 20px;    
    color:#fff;   
    text-decoration:none;   
    text-shadow:1px 1px 0 rgba(0,0,0, 0.5);   
    }

/* Dropdown box styles */    
#cssmenu ul li > div{
width:auto;
padding:20px;
}    
#cssmenu ul li > div p{    
    font:9pt/150%;
    color:#fff;    
    text-align:justify;    
    text-shadow:1px 1px 0
    rgba(0,0,0,0.5);    
    margin:0;    
    }
#cssmenu ul li > div h1{    
    position:relative;    
    margin:0 0 12px 0;    
    padding-bottom:10px;    
    border-bottom:1px solid #222;   
    font:bold 13pt; color:#bbb;    
    text-shadow:1px 1px 0 rgba(0,0,0,0.5); 
    }   
#cssmenu ul li > div h1:after{   
    content:'';   
    height:0;
    padding:0;   
    position:absolute;
    bottom:-2px; 
    left:0; 
    right:0;   
    border-bottom:1px solid #555;  
    }