#tabs > ul {
    font-size: small;
}
#tabs > ul li {
    background-color: #dddddd;
    display: inline-block;
    padding: 8px;
    border: thin solid grey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative; // sets up z-index context
    z-index: 0;
}
#tabs > ul li:hover,
#tabs > ul li.current:hover
{
    background-color: grey;
}
#tabs > ul li:hover a,
#tabs > ul li.current:hover a
{
    color:white;
}
#tabs > ul li.current {
   background-color: white;
   color: white; 
   border-bottom: thin solid white;
   z-index: 2;
}