box .. angoli arrottondati

[JANUS70]

altro problemino ..


come devo fare per colorare in maniera corretta la parte arrottondata della linguetta 'home' che si vede nell'allegato (il 'nav c') ?

/* -------------------------- */

#menu_alfa{margin: 1em 1em 0 1em;
text-align: center; }

#menu_alfa table{border-collapse:collapse; }

#menu{float:left;
margin:0 4em auto;
padding:0;
width: 65em;
background-image: url(navbk.jpg);
text-align: right;
}
#nav,
#nav li{list-style-type:none;
margin:0;
padding:0}
/* --- distanza prima linguetta a sx e ultima a dx ( 35 - 7) ---- */
#nav {padding-left: 2em;
padding-right: 5.5em}
/* --- "margin-right" distanza tra le linguette ---- */
#nav li{float:left;
width:10em;
margin-right:0.5em;
text-align: center}
/* --- linguette link ---- */
#nav a{float:left;
width:10em;
padding: 2px 0 ;
text-decoration:none;
background-color: #CCFFFF;
color: #999}
/* --- linguetta home ---- */
#nav c{float:left;
width:10em;
padding: 2px 0 ;
text-decoration:none;
background-color: #663300;
color: #FFF}

================================================== ====

window.onload=function(){
if(!NiftyCheck())
return;

RoundedTop("div#nav li","transparent","#CCFFFF");
RoundedTop("div# nav li c","transparent","#663300");

}
</script>

================================================== ====


<div id="menu_alfa">
<table width="100%" >
<tr>
<td align="center">
<div id="menu">
<ul id="nav">
<li id="home" <c>Home</c>
<li id="who">About
<li id="prod">Product
<li id="serv">Services
<li id="cont">Contact us
[/list]
</div>
</tr>
</table>
</div>