css tabs 2.0 我的修改版

unraveled CSS Tabs 2.0，http://unraveled.com/publications/css_tabs/，在body上加了一个id属性，看得极度不爽，改了它：

效果先：

html：

<ul id="tabnav">
  <li><a class="tabcurrent" href="Tab_1.html">tab one</a></li>
  <li><a href="Tab_2.html">tab two</a></li>
  <li><a href="Tab_3.html">tab three</a></li>
  <li><a href="Tab_4.html">tab four</a></li>
</ul>

css：

ul#tabnav {
    border-bottom: #6c6 1px solid;
    padding: 3px 10px 3px 10px;   
    list-style-type: none;
}
ul#tabnav li {
    display: inline;
}
ul#tabnav li a {
    border:#6c6 1px solid;
    border-bottom:#6c6 0px solid;/*去除下边框线*/
    padding:3px 4px 3px 4px;
    background-color: #cfc;
    text-decoration: none;
}
ul#tabnav li a:hover{
    background: #fff;
}

ul#tabnav li a.tabcurrent{
    background-color:#fff;
    position: relative;  /*相对位置*/
    top: 1px;  /*相对位置,移下1px遮住下边框*/
}