estilos.css

a{text-decoration: none;}
.contenedor{width: 800px; height: 500px; background-color: #86BABD; margin: 0px auto;}
.menu{text-align: center; height: 100px; border: 1px solid #99FFAA; overflow: visible;}
.menu ul li{visibility: hidden;}
.menu ul {display: inline-block; list-style: none; width: 150px; background-color: #42A1DC; height: 30px; padding-left: 0px;}
.menu ul li{ width: 150px; position: relative;}
.menu ul li a{padding-bottom: 20px; padding-top: 20px; background-color: #42A1DC; display: block;}
.menu ul:hover li{visibility: visible;}