[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)

[crocodillo]

Różnie to można zrobić, możesz dla każdego ustawić inne tło, możesz też ustalić stałą szerokość dla każdego elementu i wtedy jedno tło, możesz też dodać elementy pomocnicze (przed i za, lewa i prawa strona z zaokrąglonymi rogami). Poszukaj w google: css rounded corners, wiele jest sposobów. Ja osobiście pozostał bym przy css3, tylko ie8- bodajże nie obsługuje