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:
Kod: Zaznacz cały
<ul><li></li></ul>
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ś ?


Pozdrawiam
