Centrado horizontal de elementos de la lista de varias líneas en lista desordenada

Question

Tengo una lista desordenada que se ajusta a una segunda línea y debe estar centrada horizontalmente dentro de la UL que contiene. Cada LI es un ancho y una altura establecidos. He visto muchos enfoques que funcionan para una sola línea, pero nada de lo que he intentado funciona cuando la lista se ajusta a una segunda línea. Sería ideal si esto funcionó en IE7 + - Gracias por la ayuda.

Vea aquí una ilustración:

http://grab.by/8UIl

Answer 1

Aquí es el mejor método que pude encontrar.

ul li { 
    /* make list elements fall inline as block elements */ 
    position: relative; 
    display: inline-block; 
    /* next two lines only for display purposes */ 
    text-align: center; 
    border:1px solid red; 
} 
/* horizontally center ul element */ 
ul { text-align:center; } 

Ver el enlace para ver un ejemplo: http://jsfiddle.net/gfkPG/