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:
Kod:
<ul><li></li></ul>
*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
