Linea punteada al pasar el mouse por celda

[jilguerogabriel]

Hola amigos del foro,
mi consulta es la siguiente
estoy haciendo un menu horizontal
mi idea es que al pasar por una de las celdas del menu que aparte de cambiar el color, se dibuje una linea punteada por debajo en color blanco,
aca les dejo el codigo

<tr bgcolor="#0099CC">
<td width="39" height="4" valign="top" bgcolor="#333333"></td>
<td width="130" height="4" bgcolor="#333333"></td>
<td width="130" height="4" bgcolor="#333333"></td>
<td width="130" height="4" bgcolor="#333333"></td>
<td width="130" height="4" bgcolor="#333333"></td>
<td width="130" height="4" bgcolor="#333333"></td>
<td height="4" bgcolor="#333333"></td>
</tr>
<tr bgcolor="#0099CC">
<td height="21" valign="top" bgcolor="#333333">&nbsp;</td>
<td width="130" align="center" valign="middle" bordercolor="#FFFFFF" bgcolor="#7CBF10" onclick="window.location.href='index.html'" onmouseover="this.style.backgroundColor='#7CBF10'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#7CBF10'"> <span class="Estilo3">Inicio</span></td>
<td width="130" align="center" valign="middle" bordercolor="#FFFFFF" bgcolor="#333333" onclick="window.location.href='index.html'" onmouseover="this.style.backgroundColor='#58860B'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'"> <span class="Estilo3">Portafolio</span></td>
<td width="130" align="center" valign="middle" bordercolor="#FFFFFF" bgcolor="#333333" onclick="window.location.href='index.html'" onmouseover="this.style.backgroundColor='#58860B'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'"> <span class="Estilo3">Personal</span></td>
<td width="130" align="center" valign="middle" bordercolor="#FFFFFF" bgcolor="#333333" onclick="window.location.href='index.html'" onmouseover="this.style.backgroundColor='#58860B'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'"> <span class="Estilo3">Servicios</span></td>
<td width="130" align="center" valign="middle" bordercolor="#FFFFFF" bgcolor="#333333" onclick="window.location.href='index.html'" onmouseover="this.style.backgroundColor='#58860B'; this.style.cursor='hand'"
onmouseout="this.style.backgroundColor='#333333'"> <span class="Estilo3">Contacto</span></td>
<td valign="top" bgcolor="#333333">&nbsp;</td>
</tr>
<tr bgcolor="#0099CC">
<td height="4" valign="top" bgcolor="#333333"></td>
<td height="4" bgcolor="#333333"></td>
<td height="4" bgcolor="#333333"></td>
<td height="4" bgcolor="#333333"></td>
<td height="4" bgcolor="#333333"></td>
<td height="4" bgcolor="#333333"></td>
<td height="4" bgcolor="#333333"></td>
</tr>




Gracias!

[pateketrueke]

this.style.borderBottom='1px dotted white';

[jilguerogabriel]

Muchas gracias lo probaré!