Allign text under image in menu

Hi,

i have a main menu in position bannertop with the css you provided to display it horizontal:
#gkBannerTop ul.menu li {
display: inline-block;
margin: 10px;
padding: 5px;
}
#gkBannerTop ul.menu li:hover {
padding: 5px;
}

How can I display the text from the menu item below the image? I'd like to have it centered under the image.

Could you please post an url to your site?

the site is http://www.nicotabor.com/index.php you will have to login first, the credentials are
****
****

I'm not pretty sure if I understand right, but please check this code:

Code: Select all

.menu li a img, .menu li a span {display: block;}


in override.css