CSS - Arreglillo codigo

Tengo que un codigo eliminando las tablas y conseguir el mismo efecto.
El original es:
<td><table border="0" cellpadding="0" cellspacing="0" bgcolor="#1779AE">
<tr onMouseOver="this.bgColor='#4FB0E5'" onMouseOut="this.bgColor=''">
<td align="left" width="19"><img src="previsualizacion/img/general/cabecera/menusup_blanco.gif" alt="Borde de opción de menú"></td>
<td align="center"><a href="#" class="menusup">Buscar</a></td>
<td width="14"> </td>
</tr>
</table></td>

Yo hasta ahora tengo:
<DIV ID= " FONDO ">
<span style="background-color: #0000FF">
<IMG SRC= " "previsualizacion/img/general/cabecera/menusup_blanco.gif" alt="Borde de opción de menú " WIDTH= "168" HEIGHT= "31" ALIGN= "
LEFT " BORDER= " 0 " BACKGROUND="#1779AE ;a href="#" class="menusup"></span> </a>
</DIV>

¿Q le falta para q haga el mismo efecto?

GRACIAS!!!!