How to center horizontally a list of elements

ul { 
    width: 100%; /* desired width */
    text-align: center; 
}
li {
    display: inline-block; 
    *display: inline; /* IE7 hack */
    *zoom: 1; /* IE7 hack */
}