Меню на ul li. Своя картинка вместо стандартной - Как сделать...

<td valign="top" class="tdzag11">
<table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>
<ul>
    <li><a href="#">text1</a></li>
    <li><a href="#">text2</a></li>
    <li><a href="#">text3</a></li>
    <li><a href="#">text4</a></li>
</ul>
</td>
</tr>
</table>
</td>

td.tdzag11 ul {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	list-style: none url(../images/point.gif);
}

td.tdzag11 li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid Green;
	line-height: 30px;
}

td.tdzag11 a {
	font-size: 11px;
	color: #404040;
	text-decoration: underline;
	border: 1px solid Red;
}

td.tdzag11 a:hover {
	font-size: 11px;
	color: #2D2DA5;
	text-decoration: none;
}