Menu v CSS3 :first-child, :last-child

Zdravím, mám problém s více úrovňovým menu dělané přes CSS3 (zaoblené rohy)
Kde je problém? ODKAZ NA MENU

Koukněte na ODKAZ VÍCE poslední položka v menu by měla mít zaoblené rohy, bohužel levý roh se ne a ne zaoblit, vím že je to borderem který se dědí z řádku 81

div.menu ul li {
  border-bottom: 1px solid #00aaf7; 
  background: url("../images/menu_bg.png") repeat-x;    
} 

ať dám kamkoliv pak border 0px pro ul li ul li:last-child nechce mi to vzít. Nějaký nápad? Beru cokoliv dnes jsem nad tím strávil 5h a jsem bez nápadu

svadla:
> Promiň mám jen chvilku, přidej
>
> div.menu ul li:hover:last-child { border-bottom: 0;}
> div.menu ul li:hover:last-child ul li:last-child { border-bottom: 1px solid #00aaf7;}
> Ale neřeší to, když bude submenu jinde. Ale třeba ti to ukáže, odkud je ten border.


Tak to mám asi špatně pochopené first-child a last child,
snad last child
div.menu ul li:hover:last-child { border-bottom: 0;} - vypnu border u poslední položky v menu jeho border
div.menu ul li:hover:last-child ul li:last-child { border-bottom: 1px solid #00aaf7;}
ho zapínám u poslední položky ve vnořeném ul chápu dobře?

Každopádně včera jsem toto zkoušel nejednou a nejspíše jsem se někde upsal.

Díky za řešení :-)