"

From 2013.igem.org

<style type="text/css" >

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

1. nav {

    font-family: arial, sans-serif;
    position: relative;
    width: 390px;
    height:56px;
    font-size:14px;
    color:#999;
    margin: 0px auto;

}

1. nav ul {

    list-style-type: none;

}

1. nav ul li {

    float: left;
    position: relative;

}

1. nav ul li a {

    text-align: center;
    border-right:1px solid #e9e9e9;
    padding:20px;
    display:block;
    text-decoration:none;
    color:#999;

}

1. nav ul li ul {

    display: none

}

1. nav ul li:hover ul {

    display: block;
    position: absolute;

}

1. nav ul li:hover ul li a {

    display:block;
    background:#12aeef;
    color:#ffffff;
    width: 110px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    border-right: none;

}

1. nav ul li:hover ul li a:hover {

    background:#6dc7ec;
    color:#fff;

} </style>