It's amazing how can't I just pull out such a simple task.

We wish to have a menu (ul list) displayed inline, where, on top we have an image and, at the bottom, we have an anchor.

Something like the above:

Code:
   <iimg>    <iimg>    <iimg>
  <anchor>  <anchor>  <anchor>
The solution must be valid for IE 7 too.

I've tried text-align centered the image. No luck;
I've tried display:block; on the li, on -img on both...
I've also defined widths here and there (but the images could have variable widths (not sure));
I've tried margin: 0 auto; but it centers on the page, but not on the LI. :///

Can I have a help here plz ?

http://jsfiddle.net/4E7Lu/