onmouseover html (photos stretch, i need them to stay the same size)

[ning]

http://cgi.ebay.com/ws/eBayISAPI.dll?ViewItem&item=200013571238

the photos in my gallery are stetching. i want them to stay the same size and just appear in the middle of the box. is there any way to do this?

heres the html code im using...

<DIV align=center><IMG onmouseover="mainimg.src='http://ballboyink.com/layout/images/1.jpg';switchMain()" alt="alt text" src="http://ballboyink.com/layout/images/1small.jpg" border=0></DIV></TD>
<TD rowSpan=4><IMG height=158 alt="" src="http://ballboyink.com/layout/images/index_24.gif" width=10></TD>
<TD bgColor=#9f9c99 colSpan=2 rowSpan=2>

[gil davis]

You'll have to make the images all the same ratio height to width (158/10).

[KDLA]

You've got height and width settings in your code:
><IMG height=158 alt="" src="http://ballboyink.com/layout/images/index_24.gif" width=10>
Take those out, and add a style to the table cell to place whatever is in it in the center:
<td rowspan=4 style="text-align: center">contents of cell</td>

[pacerier]

its best to make the size of the images identical for mouseovers and mouseouts otherwise it will bump the other elements in the page too which isn't desirable.