Hogyan kell ezt megcsinálni CSS-ben?

Sziasztok! Lenne egy kis problémám, régebben már vagy 2 éve sikerült egyszer megcsinálnom, de most nem jövök rá hogyan kell. Nos, a helyzet az, hogy a menüt egy listával alakítom ki, ami így néz ki:

<ul id="menu">

<li><a href="#">menü1</a></li>

<li><a href="#">menü2</a></li>

</ul>

A css:

#menu {

margin: 0;

padding: 0;

list-style-type: none;

list-style-image: none;

list-style: none;

}

#menu ul

{margin-bottom: 2px;}

#menu a {

background: #szinkod;

color: #szinkod;

text-decoration: none;

display: block;

width: 320px;

height:14px;

border-bottom: 2px solid #szinkod;

padding-left: 5px;

padding-bottom: 2px;

padding-top: 2px;

}

#menu a:hover {

background: #szinkod;

color: #szinkod;

text-decoration: none;

border-bottom: 2px solid #szinkod;

}

A kérdés pedig: hogyan csináljam meg azt, hogy a háttér sarka lekerekített legyen? Előre is köszönöm a válaszokat!