Alignement des image et du texte

Bonjour,

J'aimerais placer les nom des photos sous les photos.
J'ai essayé de faire un tableau mais ça ne marche pas.
Pour plus de clarté voici le code:


<div id="new-products_block_right" class="block products_block">
<p class="title_block"><a href="{$link->getPageLink('new-products')}" title="{l s='New products' mod='blocknewproducts'}">{l s='New products' mod='blocknewproducts'}</a></p>
<div class="block_content">
{if $new_products !== false}
<ul class="product_images clearfix">
{foreach from=$new_products item='product' name='newProducts'}
{if $smarty.foreach.newProducts.index < 4}
<li{if $smarty.foreach.newProducts.first} class="first"{/if}>

<a href="{$product.link}" title="{$product.legend|escape:html:'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="118" width="118" alt="{$product.legend|escape:html:'UTF-8'}" /><p>
<ul class="products">
{foreach from=$new_products item=newproduct name=myLoop}
<li{if $smarty.foreach.myLoop.first} class="first"{/if}>
<b><a href="{$newproduct.link}" title="{$newproduct.name|escape:html:'UTF-8'}">{$newproduct.name|strip_tags|escape:html:'UTF-8'}</a></b>
</li>
{/foreach}
</ul>
</li>
{/if}
{/foreach}
</ul>
</div>
</div>
<p>

D'avance merci.