Menu Item Rounded Corners Example

In browsers that properly support CSS3, the corners of the Main Menu or Submenus can be rounded!
(supported in IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).

You can adjust the roundness of each corner all together or even separately! (see submenu items, they use different corner combinations)

You can also adjust the item "padding" values, so that all parts of the item text are within the rounded area.

Important! Most old browsers (IE8 or below) do not support the border-radius property of the CSS3 specification, so if you look at this menu with IE8 (or below) all its corners will be non-rounded.

You can find more info on 'border-radius' here:
https://www.css3.info/preview/rounded-border/

Download this AllWebMenus project file.