Каталог файлов

<ul id="nav">
  <li>
  <a href="#">Главная</a>
  </li>
  <li>
  <a href="#">Текст меню</a>
  <ul>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  </ul>
  </li>
  <li>
  <a href="#">Текст меню</a>
  <ul>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  </ul>
  </li>
  <li>
  <a href="#">Текст меню</a>
  <ul>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  <li><a href="#">Текст меню</a></li>
  </ul>
  </li>
  <li>
  <a href="#">Текст</a>
  <ul>
  <li><a href="#">Текст</a></li>
  <li><a href="#">Текст</a></li>
  </ul>
  </li>
</ul>

#nav{
  float:left;
  width:100%;
  list-style:none;
  font-weight:bold;
  margin-bottom:10px;
}
#nav li{
  float:left;
  margin-right:2px;
  position:relative;
  display:block;

}
#nav li a{
  display:block;
  padding:6px;
  color:#fff;
  background:#1E90FF;
  text-decoration:none;
  border-radius: 3px;
padding-top: 10px; padding-bottom: 10px;
  -webkit-transition: background 0.4s linear;
  -moz-transition: background 0.4s linear;
  -o-transition: background 0.4s linear;
}
#nav li a:hover{
  text-decoration:none;
background: #45B7FF;
}
/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
  list-style:none;
  position:absolute;
  left:-9999px;
  opacity:0;  
  -webkit-transition:0.2s linear opacity;
  -moz-transition:0.2s linear opacity;
  -o-transition:0.2s linear opacity;
}
#nav ul li{
  padding-top:1px;  
  float:none;
}
#nav ul a{
  white-space:nowrap;  
  display:block;
}
#nav li:hover ul{  
  left:-30px;  
  opacity:0.9;  
  padding-left:30px;
}
#nav li:hover a{  
  text-decoration:none;
}
#nav li:hover ul a{  
  text-decoration:none;
}
#nav li:hover ul li a {
  -webkit-transition:0.3s linear padding;
-moz-transition:0.3s linear padding;
-o-transition:0.3s linear padding;
  padding-right: 20px;
}
#nav li:hover ul li a:hover{  
  text-decoration:none;
  padding-left: 15px;
  padding-right: 11px;
}