Pretty sexy tabs in CSS

So, I figured out how to do some pretty sexy tabs in CSS. Works inf Firefox, dunno about anything else since no extensive research has gone into it (highly doubt it will work with IE properly).

.navbar
{
width: 1000px;
height: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-left: 0.5px;
padding-right: 0.5px;
}

.navfill
{
width: 1000px;
border-bottom: solid 1px #000;
padding-bottom: 1px;
float: left;
position: absolute;
z-index: -1;
}

.navele
{
border-left: solid 1px #000;
border-right: solid 1px #000;
border-top: solid 1px #000;
padding-left: 10px;
padding-right: 10px;
height: 20px;
float: right;
margin-right: 5px;
vertical-align: bottom;
position: relative;
}

.navele_current
{
border-left: solid 1px #000;
border-right: solid 1px #000;
border-top: solid 1px #000;
padding-left: 10px;
padding-right: 10px;
height: 20px;
float: right;
margin-right: 5px;
vertical-align: bottom;
z-index: 1;
position: relative;
background-color: #fff;
}



<div class="navbar">
<div class="navele"><a href="">Misc</a></div>
<div class="navele"><a href="">Blog</a></div>
<div class="navele"><a href="">Music</a></div>
<div class="navele"><a href="">Portfolio</a></div>
<div class="navele"><a href="">Projects</a></div>
<div class="navele_current"><a href="">Home</a></div>
<div class="navfill" >&nbsp;</div>
</div>