exacto asi es que lo tengo.. tengo 4 imagenes puestas cada una con su regla.... que si .icohome .icoserv .icocont etc... el problema es que cuando paso el puntero por los items del menu especificamente por los iconos deja de mostrarme la manito osea el link para redireccionarme... y sip.. puedo poner esa imagen como backbround pero como tienen tamaños diferentes quedarian muy grandes y no quiero editar los archivos..
no hay una manera para bloquear esos iconos para que la funcion de :hover del menu no se bloquee cuando paso el puntero por ahi?
dejo mas codigo
.icohome {
position: relative;
top: -30px;
left: 35px;
}
.icoserv {
position: relative;
top: -30px;
left: 115px;
}
.icogal {
position: relative;
top: -30px;
left: 220px;
}
.icocont {
position: relative;
top: -30px;
left: 320px;
}
.................................................. .................................................. ........................................
<td><table width="100%" height="65" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td width="8%" align="center" valign="top" class="menu_bg"><a href="index.htm" class="menu_style">Home</a></td>
<td width="11%" valign="top" class="menu_bg"><a href="servicios.htm" class="menu_style">Servicios</a></td>
<td width="11%" valign="top" class="menu_bg"><a href="galeria.htm" class="menu_style">Galeria</a></td>
<td width="11%" valign="top" class="menu_bg"><a href="contactos.htm" class="menu_style">Contactos</a></td>
<td width="35%" align="right" class="menu_bg2"><a></a></td>
</tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="imagenes/Home.png" width="25" height="25" class="icohome" />
<img src="imagenes/servicios.png" width="25" height="25" class="icoserv" />
<img src="imagenes/galeria.png" width="25" height="25" class="icogal" />
<img src="imagenes/contactos.png" width="25" height="25" class="icocont" />
.......