Bug CSS IE 11

Bom dia,

Estou desenvolvendo um site de ajuda para o sistema de minha empresa e está rodando 100% no ff e chrome, contudo quando tento abrir no IE 11 a partir do servidor o menu fica invisível. Na máquina local o site abre normalmente, os menus não ficam invisíveis no IE 11.

Bug visual.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.tickimg.com.br/uploads/_bug_ie11_1.png&key=1912dc312b45a21e263fba740c4fe908ff41b2fb4fa3d69f6bcee47cc9dc3e5e" alt="_bug_ie11_1.png" />

Ao passar o mouse sobre os menus eles aparecem.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.tickimg.com.br/uploads/_bug_ie11_2.png&key=837d6e3f4e1d0e7f17dc8caf58c8468f1a63be73dcf6588b003909f095c32a7c" alt="_bug_ie11_2.png" />

Aqui o arquivo foi aberto na máquina local.

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.tickimg.com.br/uploads/_bug_ie11_3.png&key=14164d34306fc94510793d593dbf91ec41fd2752bf97417a2759c2f0ed0389a6" alt="_bug_ie11_3.png" />

Segue o código abaixo:

CSS

ul.menu, .menu li, .menu a{

margin:0;
padding:0;
}

ul.menu ul{

position:absolute;
display:none;
box-shadow:3px 3px 2px #333;
}

body,

.menu,
.sub-menu {
 margin: 0;
 padding: 0;
}

.clearfix:after{

content: '.';
 display: block;
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
 visibility: hidden;
 overflow: hidden;
}

.menu,
.sub-menu {
 list-style: none;
 background: #999;
}

.sub-menu {
 background: #999;
}

.menu a {

 text-decoration: none;
 display: block;
 padding: 10px;
 color: #fff;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 14px;
 text-transform: capitalize;
 font-weight: 700;
}

.menu li {

 position: relative;
}

.menu > li {

 float: left;
}

.menu > li:hover {

 background: #24C634;
}

.menu li:hover > .sub-menu {

 display: block;
}

.sub-menu {
 display: none;
 position: absolute;
 min-width: 150px;

white-space: nowrap; / remove quebra de linha /
}

.sub-menu li:hover {

 background: #24C634;

}

.sub-menu .sub-menu {

 top: 0;
 left: 100%;
}

.rodape {
width: 100%;
bottom: 0;
background: #24C634;
font-weight: 700;
position: relative;
color: #FFFFFF;

}

.topo {
background: #24C634;
width:100%;
height: 90px;
font: Verdana, Geneva, sans-serif;
font-size: 68px;
color: #FFFFFF;
font-weight:bolder;

}