No se puede ver el menu en chrome y en el explorer si, porque ocurre esto?

buenas tardes
quiero saber si me pueden ayudar con este tema, en chrome no se ve bien el menu desplegable, pero en explorer si, que puede estar pasando...?

*{
padding: 0;
margin: 0;
}

@font-face {
font-family: 'helvetica';
src: url("../font/helvetica.eot");
src: url("../font/helvetica.eot?#iefix") format("embeded-opentype"),
url("../font/helvetica.woff") format("woff"),
url("../font/helvetica.ttf") format("truetype"),
url("../font/helvetica.svg#helvetica") format("svg");

font-weight: normal;
font-style: normal;

}

body{

background: #0; /**GRIS-#212121**/
color: #0;
font-family: "helvetica", Chalet,Verdana;
font-size: 1em;
}

h1{
color: #0;/**NARANJA-#F60**/
margin: 0.15em auto;
text-align: right;
text-shadow:5px 5px 10px rgba(255,255,255,0.1);
}

header,nav,footer{
background: #0; /**AZUL#1E6381**/
border-radius: 0.5em;
margin: 0.5em auto;
max-width: 960px;
padding: 0.25em;
text-align: center;

}

header {
width: 80%;
}

nav {
margin: 0px auto;
width: 90%;
max-width: 1000px;
background: #FFFFFF
}

nav ul {
list-style: none;
}

nav > ul {
display: table;
overflow: hidden;
width: 100%;
background: #1E6381;
position:relative;
}

nav > ul li {
display: table-cell;
}

/*Sub-menu*/
nav > ul > li:hover > ul {
display:block;
height: 100%;
}

nav > ul > li > ul {
display: block;
position: absolute;
background: #000;
left: 0;
right: 0;
overflow: hidden;
height: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

nav > ul li a {
color: #FFFFFF;
display: block;
line-height: 20px;
padding: 20px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

nav > ul > li > ul > li > a:hover {
background: #5da5a2;
}

nav > ul > li > a span {
background: #174459;
display: block;
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: -55px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;

}

nav > ul > li > a span .icon {
display: block;
line-height: 60px
}

nav > ul > li > a:hover > span {
top: 0;
}

/*colores*/
nav ul li a .primero {
background: #005883;
}

nav ul li a .segundo {
background: #F0B429;
}

nav ul li a .tercero {
background: #F47920;
}
nav ul li a .cuarto {
background: #333333;
}

nav ul li a .quinto {
background: #B3B3B3;
}

section#contenedor{
margin: 0.5em auto;
max-width: 960px;
padding: 0;
background: #FFFFFF; /*Lo ELIMINO cuando se termine el codigo abajo*/
text-align: center;
}

section#principal, aside{
background: #0; /**AZUL#1E6381**/
border-radius: 0.5em;
display: inline-block;
margin: 0.2em auto;
max-width: 960px;
min-height: 200px;
vertical-align: top;
width: 65%;
}

article{
background: #0; /**AZUL OSCURO#011E30**/
border-radius: 0.5em;
min-height: 140px;
padding: 0.25em;
}

li{
background: #0; /**AZUL OSCURO#011E30**/
border-radius: 0.5em;
min-height: 0.5px;
padding: 0.25em;
}

{
-moz-column-count: 3;
}

aside{
width: 30%;
}