[HTML][CSS]Proste menu z efektem a'la rollover, Jak uzyskać efekt zaokrąglonego rogu ? Opcje

[Bureau]

Witam.
Mój problem dotyczy kodowania, ponieważ jestem grafikiem, który czasem w kodowaniu jest upośledzony

Wykonałem menu, które prezentuje się następująco:


Potrafię to pociąć, ułożyć w HTML/CSS poprzez:

[HTML] pobierz, plaintext 
<ul><li></li></ul>
[HTML] pobierz, plaintext 

*oczywiście odpowiednio dobierając style do tychże znaczników.

Wszystko wygląda ładnie, pięknie. Menu działa. Jednakże problem tkwi w hover.

Jak musiałbym zmodyfikować swój kod, aby uzyskać efekt takiego menu:


Najbardziej zastanawia mnie jak zrobić zaokrąglone rogi bez użycia CSS3.
W ostateczności mógłbym użyć CSS3.

Pomógłby mi ktoś ? Zapraszam do dyskusji

Pozdrawiam