"

From 2011.igem.org

css: root { display: block; }

• {margin: 0; padding: 0px;}

body { background: #444; }

1. navcon { background: #fff; width: 100% }
2. nav { width: 377px; height:56px; position: relative; color: #999; font-family: helvetica; margin: 0px auto; font-size: .9em; }
3. nav ul { list-style-type: none; }
4. nav ul li { float: left; position: relative; }
5. nav ul li a { border-right:1px solid #e9e9e9; padding: 20px; display: block; text-align: center; color: #999; text-decoration: none; }
6. nav ul li a:hover { background: #12aeef; color: #fff;}
7. nav ul li ul { display: none; }
8. nav ul li:hover ul { display: block; position: absolute; }
9. nav ul li:hover ul li a { display:block; background:#12aeef; color:#ffffff; border-bottom: 1px solid #f2f2f2; border-right: none; width: 110px; }
10. nav ul li:hover ul li a:hover { background:#6dc7ec; color:#fff; }

.top{ border-top: 1px solid #f2f2f2; } .first {border-left: 1px solid #e9e9e9;}