CSS выпадающее меню в ie7 вопрос

Question

вот моя проблема. Все работает, кроме как на 7 (конечно). Выпадающее меню не отображается.

Кто-нибудь знает обходное решение? FYI, установлен тип doctype. (Если кто-нибудь спросить)

Вот мой код в конце ...

Спасибо за вашу помощь

<ul class="menu"> 
      <li class="subMenu"> 
       <a style='clear: left;' id='jiraMenu' href="#">JIRA</a> 
       <ul> 
        <li><a href = "#">Make a request</a></li> 
        <li><a href="#" >View the version</a></li> <!--"https://caedsh03.caecorp.cae.com/secure/StructureBoard.jspa?s=173" !--> 
       </ul> 
      </li> 

      <li> 
       <a href="#" name="language" >En</a> 
      </li> 
     </ul> 

CSS

.menu { 
    margin:0; 
    padding:0; 
    border-collapse:collapse; 
} 

.menu li { 
    list-style:none; 
    float: left; 
} 

.menu li a:link, .menu li a:visited { 
    display:block; 
    text-decoration:none; 
    background-color:#10509e; 
    padding: 0.5em 2em; 
    margin:0; 
    border-left: 1px solid #fff; 
    border-top: 1px solid #fff; 
    border-right: 1px solid #fff; 
     color:white; 
} 

.menu li a:hover { 
    background-color:white; 
    color: #10509e; 
    outline:1px solid black; 
} 

/*style the sub menu*/ 
.menu li ul { 
    position:absolute; 
    display: none; 
    border-top:1px solid #fff; 
    margin:0; 
    padding:0; 
    z-index: 999; 
} 

.menu li ul li { 
    display:inline; 
    float:none; 
    width: 100%; 
} 

.menu li ul li a:link, .menu li ul li a:visited { 
    background-color:#10509e; 
    color: white; 
    width:auto; 
} 

.menu > li:hover ul { 
    display: block; 
    display: table-cell; 
} 

.menu li ul li a:hover { 
    background-color:white; 
    color: #10509e; 
} 

Answer 1

display: table-cell не поддерживается в IE7. Удаление этой проблемы должно решить проблему.

http://jsbin.com/ugIfAJi/1