I have a ul that looks like the one in the code snipper (below). I'm trying to have the ul centered horizontally but it seems I can only do this if I apply a width to the ul. The only problem with that is that my li's are dynamic and shrink and grow. The blue border i've applied to #footer ul for testing shows it's 100% of the page... I just need it to auto to the combined width of the li's, and center horizontally.
margin: 0 auto; padding: 0;
border: 1px solid blue;