A list that acts like a table in good browsers

• This is the first item
• This is the second item has some VERY, VERY long content which goes on and on.
• This is the third item
• Short item

If you're looking at this in IE you might be wondering why a simple list is on this site. Well, in a good browser, this list LOOKS like a table. The list items are all of equal width, vertically and horizontally centered in their little box, and all the heights are the same! In addition, it can take an arbitrary number of list items and put them on a single line.

Yay for nice browsers.

ul, li { margin: 0; padding: 0; list-style: none; }
		ul {
			display: table;
			width: 100%;
			border: 1px solid #000;
			border-spacing: 1em;
		}
		ul li {
			display: table-cell;
			border: 1px solid #900;
			
			height: 3em;

			vertical-align: middle;
			text-align: center;
			
		}

Do you need another excuse to get a superior browser?.