Ciao il dandi e benvenuto sul Forum GT!
Credo che stai lavorando bene per studiare come si fa a riprodurre l'effetto. Ma ti manca ancora un po di studio! [utilizzi firebug -> plugin per firefox? se non lo usi te lo consiglio vivamente!]
Nel frammento di css che hai postato, manca, per esempio, la parte che stabilisce che in certi tags (i bottoni) deve apparire la immagine di sfondo che contiene l'angolo arrotondato. Io ho spulciato un po' e ho trovato questo
div#account
ul#loginTabs li h2,
div#account ul#loginTabs li { /*splashv2007.css (line 714)*/
background:transparent url(../img/cornersSheet.png) repeat scroll left -68px;
}
Se riesci a mettere insieme tutti i pezzi vedrai che ti viene fuori. Comunque ti cosiglio di cercare un tutorial semplice semplice per creare un menu tabs con angoli arrotondati, cosi' capisci la logica senza troppo codice in piu' in mezzo.
Tra l'altro ti suggerisco altre due soluzioni: la prima si chiama [url=http://www.html.it/articoli/niftycube/index.html]Nifty Cube praticamente realizza angoli arrondontati senza uso di immagini!
La seconda soluzione sta nascendo proprio ora ed e' un semplicissimo codice css che e' gia' supportato in Firefox e Safari e che presto dovrebbe diventare standard css3!
Puoi trovare molte spiegazioni in rete se cerchi "border radius" oppure "-moz-border-radius" oppure "-webkit-border-radius:" oppure qui .css3.info/graceful-degradation/
Ti faccio un esempio lampo: http://www.antiworld.biz/round-corner-tabs.html
Funziona solo su Firefox e Safari(in teoria ma non ho provato) ovviamente (il codice lo trovi tutto nella sorgente)