problem removing the gap between 2 images

[chloe_hhi]

i have problem in removing the gap between two images, pls see the attached image.

coz my item name is quite long, i dun wnat it display in horizontal, i want it display as vertical. so i create the images for the character and use ascii to recognized it.

my code is as below:
<td align="left" class="BorderLeft" width="1%">
<%dim word, pic, word1
word = "AAAAABABABBA"
pic = ""
for i = 0 to len(word)-1
word1 = cstr(right(left(word,len(word)-i),1))
pic = asc(word1) & ".gif"%>
<img src="../images/<%=pic%>" border=1 vspace=0 hspace=0>
<%next%>

</td>

can anyone help??
Thanks

[BuddhaMan]

Since you're in a <td> element, try adding valign="top" or valign="botom" (to squish them all up or down) to the <td>

<td align="left" valign="top" class="BorderLeft" width="1%">
You might also try adding vertical-align: top; or vertical-align: bottom; to the BorderLeft class in your stylesheet.

[Mr J]

You could also try adding the margin attributes such as margin-top and give it a negative number, try 4 first and see how it goes

margin-top: -4;
margin-right: -4;
margin-bottom: -4;
margin-left: -4;