html - css "display:table !important" And IE11 not working -

"display: table !important" working fine in chrome not working in ie 11

asking solution or other feature similar substite

this part of css , html code , not of it:

       <ul id="jmenu">                    <li><a href="#" >educational services >> </a>                   <!-------------------------------------------->                              <ul style="list-style: none; display:table;  ">                                  <li ><a href="#"  >for institutions >></a>                 <ul style="list-style: none;  ">                 <li ><a href="#">application form</a>                 </li>                 <li ><a href="#" >photo gallery</a>                 </li>                 <li ><a href="#"  >policy</a>                 </li>                 </ul></li>               <!------------------------------------------>                     <li ><a href="#"  >for librarians >> </a>                 <ul style="list-style: none; ">                 <li ><a href="#" >ba international librarianship training program</a>                 </li>                 <li ><a href="#" >online courses >> </a>                 <ul style="list-style: none; "><li ><a href="#" >application form</a></li>                 <li ><a href="#" >schedule</a></li>                 <li ><a href="#" >policy & online code of ethics</a></li>                  </ul></li>                 <li ><a href="#" >librarians' orientation >> </a>                 <ul style="list-style: none; "><li ><a href="#" >online survey</a></li>                  </ul></li>                  <li><a href="#" >internships & study visits >></a>                 <ul style="list-style: none; "><li ><a href="#" >registration form</a></li>                  </ul></li>                   </ul></li>              <!-------------------------------------------->                       <li ><a href="#"  >public programs >> </a>                     <ul style="list-style: none; "><li ><a href="#"  >orientations >> </a>                     <ul style="list-style: none; "><li ><a href="#" >library orientation tour</a></li>                     <li ><a href="#" >nobel section tour</a></li>                     <li ><a href="#" >video orientations, interactive orientations</a></li></ul></li>                     <li ><a href="#" >classes >> </a>                     <ul style="list-style: none; "><li ><a href="#" >il courses title</a></li>                     <li ><a href="#" >dl courses</a></li>                     <li ><a href="#" >il courses title</a></li></ul></li>                     <li ><a href="#" >schedule >> </a>                     <ul style="list-style: none;  "><li ><a href="#"  >schedule</a></li>                      </ul></li>                     <li ><a href="#" >tutorials</a>                     </li>                     <li ><a href="#" >classes policy</a>                     </li>                   </ul></li>                    <!---------------------------------------------->                        </ul>                    </li>                </ul> 

and css

.jmenu{  display:table;  margin:0;  padding:10px 15px;  list-style:none;   list-style-type: none;  }  .jmenu li{  display:table-cell;  background-color:#772728;  margin:0;  list-style:none;  list-style-type: none;  }  .jmenu li a{  padding:10px 15px;  display:block;  background-color:transparent;  color:#fff;  text-transform:uppercase;  cursor:pointer;  font-size:20px;  }  .jmenu li a:hover{  background-color:#923031 ;  }  .jmenu li:hover>a{  background-color:#923031 ;  }  .jmenu li ul{ /*display: table  ;*/    position :absolute;  padding:0;  margin:0;  list-style:none ;   list-style-type: none;  }  .jmenu li ul li{   background-color:#772728;  display:block ;  border-bottom:1px solid #923031;  padding:0;  list-style:none;  list-style-type: none;   position:relative;  }  .jmenu li ul li a{  font-size:15px;  text-transform:none;  display:block ;  padding:7px;  border-top:1px solid transparent;  border-bottom:1px solid transparent;  }  .jmenu li ul li a.isparent{  background-color:#923031;  }  .jmenu li ul li a:hover{    background-color:#923031;  border-top:1px solid #772728;  border-bottom:1px solid #772728;  }    .jmenu li ul li ul {display: none;}  .jmenu li ul li ul li {display:block;}  .jmenu li ul li ul li a{display:block;}

i added display:table !important in second

jmenu id u have used , have used

.jmenu li ul{ /*display: table  ;*/  } 

use below. , make sure ur selector used

#jmenu li ul{ /*display: table  ;*/  }