"

From 2014.igem.org

<style type="text/css">

 ul {list-style: none;padding: 0px;margin: 0px;}
 ul li {display: block;position: relative;float: left;border:1px solid #000}
 li ul {display: none;}
 ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;
          white-space: nowrap;color: #fff;}
 ul li a:hover {background: #f00;}
 li:hover ul {display: block; position: absolute;}
 li:hover li {float: none;}
 li:hover a {background: #f00;}
 li:hover li a:hover {background: #000;}
 #drop-nav li ul li {border-top: 0px;}

</style>

• <a href="#">Support</a>
• <a href="#">Web Design</a>
  • <a href="#">HTML</a>
  • <a href="#">CSS</a>
  • <a href="#">JavaScript</a>
• <a href="#">Content Management</a>
  • <a href="#">Joomla</a>
  • <a href="#">Drupal</a>
  • <a href="#">WordPress</a>
  • <a href="#">Concrete 5</a>
• <a href="#">Contact</a>
  • <a href="#">General Inquiries</a>
  • <a href="#">Ask me a Question</a>