I have altered the menu_customer.tpl page to colour the tables within the vertical menu. But I still have some white lines that I can not get ride of. see the page
http://www.pinkandcream.com/home.php?cat=253. Can someone help how to get rid of these white lines at the end of each menu. I cannot change anymore of the background colour in menu_customer.tple because it then changes the colour of the main menu etc.
This is my code of menu_customer.tpl
<table cellpadding="0" cellspacing="0" width="180">
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="180">
{if $style eq "Categories" and $main eq "catalog" and $current_category.category eq ""}
<tr>
<td class="VertMenuCatWelcTitle" height="29" valign="bottom">
<img src="{$ImagesDir}/spacer.gif" width="17" height="1" alt="" />
{if $link_href}
<a href="{$link_href}"><font class="VertMenuCatWelcTitle">{$menu_title}</font></a>
{else}
<font class="VertMenuCatWelcBoxNewsTitle">{$menu_title}< /font>
{/if}
</td>
</tr>
<tr>
<td class="VertMenuCatWelcSeparator"><img src="{$ImagesDir}/customer_images/vert_blmenuwelc_sp.gif" width="32" height="9" alt="" /></td>
</tr>
<tr>
<td class="VertMenuCatWelcBox">
<table cellpadding="5" cellspacing="0" width="100%">
<tr>
{elseif $style eq "Categories" }
<tr>
<td class="VertMenuCatTitle" height="29" valign="bottom">
<img src="{$ImagesDir}/spacer.gif" width="27" height="1" alt="" />
{if $link_href}
<a href="{$link_href}"><font class="VertMenuCatWelcTitle">{$menu_title}</font></a>
{else}
<font class="VertMenuCatBoxNewsTitle">{$menu_title}</font>
{/if}
</td>
</tr>
<tr>
<td class="VertMenuCatSeparator"><img src="{$ImagesDir}/customer_images/vert_blmenu_sp.gif" width="32" height="9" alt="" /></td>
</tr>
<tr>
<td class="VertMenuCatBox">
<table cellpadding="5" cellspacing="0" width="100%">
<tr>
{else}
<tr>
<td height="29" valign="bottom" bgcolor="feffcc" class="VertMenuTitle">
<img src="{$ImagesDir}/spacer.gif" width="20" height="1" alt="" />
{if $link_href}
<a href="{$link_href}"><font class="VertMenuTitle">{$menu_title}</font></a>
{else}
<font class="VertMenuBoxNewsTitle">{$menu_title}</font>
{/if} </td>
</tr>
<tr>
{if $style eq "Cart"}
<td bgcolor="feffcc" class="VertMenuCartSeparator"><img src="{$ImagesDir}/customer_images/vert_cartmenu_sp.gif" width="20" height="9" alt="" /></td>
{else}
<td class="VertMenuSeparator"><img src="{$ImagesDir}/customer_images/vert_menu_sp.gif" width="20" height="9" alt="" /></td>
{/if}
</tr>
<tr>
<td bgcolor="feffcc" class="VertMenuBox">
<table cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="feffcc">
{if $style ne "Cart" and $hide_border ne "Y"}
<td><img src="{$ImagesDir}/spacer.gif" width="8" height="1" alt="" /></td>
{/if}
{if not $hide_bullets}
<td class="VertMenuBullets"><img src="{$ImagesDir}/spacer.gif" alt="" /></td>
{/if}
{/if}
<td width="100%">{$menu_content}</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
I would very much appreciate if somebody can help me out on this.
Also on the same point how would I change the height of this menu that if I had 30 products listed and it went below the left menu the left menu colour would expand to the length of the page.
Many thanks