Does anyone know how to style YUI Tabview component [1] so it will look like Facebook tabs [2]?

I am using YUI 2. A very crude attempt is below (I modified the example code given in Devtacular [3]). But it does not handle the spacing between the tabs, nor the outer lines around the selected tab.

1. http://developer.yahoo.com/yui/tabview/
2. http://dl.dropbox.com/u/121472/facebook_tab.jpg
3. http://devtacular.com/articles/bkonrad/how-to-style-an-application-like-facebook/

Thanks!

.yui-navset .yui-nav a {
    padding: 8px;
    background-color: #d8dfea;
    color: #3b5998;
    font-weight: bold;
    font-size: 12px;
    float: left;
    margin-right: 4px;
    text-decoration: none;
    cursor: hand;
}
.yui-navset .yui-nav a:hover {
    background-color: #3b5998;
    color: #ffffff;
    text-decoration: none;
}
.yui-navset .yui-nav .selected a {
    background-color: #ffffff;
    color: #333333;
    text-decoration: none;
}