Navigation Round Corners HILFE :(

[Lyric]

Hallo zusammen,

ich versuche gerade eine Navigation mit Runden-Ecken.
Es sollen allerdings nur die Ecken unten Rund sein, oben eckig.

  
  <ul id="navigation">  
    <li><a href="#">test</a></li>  
    <li><a class="current" href="#">test</a></li>  
    <li><a href="#">test</a></li>  
    <li><a href="#">test</a></li>  
    <li><a href="#">test</a></li>  
    <li><a href="#">test</a></li>  
    <li><a href="#">test</a></li>  
    <li><a id="last" href="#">test</a></li>  
  </ul>  

  
	#navigation { margin: 0 0 60px; }  
		#navigation li { list-style: none; float: left;}  
		#navigation li a { cursor: pointer; padding: 5px 21px; line-height: 25px; background: #D0D4D4; margin: 0 1px 0 0; color: #808080; }  
		#navigation li a:hover { background: #B2B6B6; color: #000; }  
		#navigation li a.current { background: #06568b url(bl.gif) bottom left no-repeat; color: #fff;  }  
		#navigation li a#last  { margin: 0; padding: 5px 44px 5px 40px; }  
  

Die Linke Runde-Ecke sitzt am richtigen Platz, wie bekomme ich aber nun die Rechte hin? Die Grafik ist dann jedes mal neben dem text und nicht in der Ecke. Bitte um Hilfe!

Danke!