a,
li {
  text-decoration: none;
}
nav {
  width:60px;
  margin: auto;
  background: #444;
  text-decoration: none;
  height: 39px;
  color: white;
}
nav #menu {
  margin: 0;
  padding: 0 ;
  height: 39px;
  list-style: none;
  text-align: left;
  width:60px;!important;
}
nav #menu li {
  position: relative;
  display: inline-block;
  width: auto;
  height: 39px;
  line-height: 39px;
  cursor: pointer;
  margin-right:0px;
}
nav #menu li a,
nav #menu li a:visited,
nav #menu li a:hover,
nav #menu li a:active {
  display: inline-block;
  height: 39px;
  color: #fff;
  line-height: 39px;
  /*background-image:none  !important;*/
}
nav #menu li:hover {
  background:#444;
  /*background-image:none !important;*/
}
nav #menu li:hover a {
  color: white;
}
nav #menu ul {
  display: block;
  opacity: 0;
  position: absolute;
  width: 95px;
  white-space: nowrap;
  padding-left: 0; 
  
}
nav #menu ul li {
  padding-left:10px;
  display: block;
  width: 90px;
  background: #444;
  transition: all .5s;
  transform: rotateX(-90deg);
  text-align:left;
}
nav #menu ul li {
	background-image:none;
	}

nav #menu li:hover ul {
  opacity: 1;
  z-index: 9;
}
nav #menu li:hover ul li {
  transform: rotateX(0deg);
}
nav #menu li:hover ul li:hover {
  background: #2c2c2c;
}