[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 (IMG:style_emoticons/default/tongue.gif)

Wykonałem menu, które prezentuje się następująco:
(IMG:http://img26.imageshack.us/img26/7025/menuzj.jpg)

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:
(IMG:http://img651.imageshack.us/img651/3064/menu2y.jpg)

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ś ? (IMG:style_emoticons/default/smile.gif) Zapraszam do dyskusji (IMG:style_emoticons/default/wink.gif)

Pozdrawiam (IMG:style_emoticons/default/smile.gif)

[Bureau]

Dziękuje Ci bardzo (IMG:style_emoticons/default/smile.gif) Menu działa perfekcyjnie (IMG:style_emoticons/default/smile.gif)
Ale to jest jeśli chodzi o CSS3.

Teraz jakbym to chciał zrobić w CSS2 to ?

Mowiles o background-image. No rozumiem jak to działa, ale z zaokraglonymi rogami pierwsza droga jaka pomyslalem jest do kazdego linka przypisać nowy obrazek w h:over, bo nie kazdy napis jest równej długości.

Widziałem że ludzie jakoś to kiedyś określali position'em czy cos...
Może wiesz coś na ten temat ? (IMG:style_emoticons/default/smile.gif)