javascript, onmouseover и картинка

Проблема е следния..

<td><a href="#">link</a></td>
<td>text</td>

как може да се направи така, че при onmouseover върху "link", пред "text" да се появява картинка - img (bullet), и естествено при onmouseout да се маха? В гоогл търсех ама то4но това не го намерих никъде..

Някой може ли да помогне.. благодаря предварително!

Според мен е тъпо, обаче. Помисли дали не можеш да го реализираш само със
CSS. Да речем със UL, например.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[линк]">

<html>

<head>

	<title></title>

	<style type="text/css">

				.withImage{

						background-image: url(image.gif);

						background-repeat: no-repeat;

						/**********************************

							Тези падинги и двата ги 

							слагаш толкова големи колкото

							е картинката.

						************************************/

						padding-left: 14px;

				}

				.withoutImage{

						padding-left: 14px;

				}

	</style>

	<script type="text/javascript">

		function myshowImage(aCellId)

		{

			var myObj=document.getElementById(aCellId);

			if(myObj!=null)

				myObj.className = myObj.className == "withImage" ? "withoutImage" : "withImage";

				

		}

	</script>

</head>

<body>

<table>

	<tr>

		<td><a href="url.html" onmouseout="myshowImage('cell1');" onmouseover="myshowImage('cell1');">link</a></td>

		<td id="cell1" class="withoutImage">text</td>

	</tr>

</table>

</body>

</html>

От неизбежното се възмущава само този, който е неразумен.