I didn't add many styles to this example menu. Its purpose is to demonstrate
the use of
display:inline-block; — and the work-arounds for
older Mozilla based browsers (e.g. Firefox 1.x-2.x and Netscape 6+) and
IE5-7/Win — to center items in a list even when they wrap to multiple
lines. (Firefox 3 natively supports it.) If you resize this window you will see
how the list-items wrap.
It works in IE5+/Win, Firefox, Netscape 7+, Opera 8+, Safari 1.2+ (I've heard that it would probably work in 1.1 as well), Konqueror 3.3+, IE5/Mac, and iCab 3.