cambiar una imagen X por una Y al pasar el mause...

[ras_chalo]

Iniciado por JMS

Ya se habia dado antes este problema mira aqui esta el ejemplo funcionando claro.
http://www.araudi.net/forosdelweb/jpick.html

Lo único que veo en tu ejemplo (código que pusiste) es que no mandas a llamar el id o clase que hace que funcione el hover, cosa que se tiene que hacer en el <a href="#" id="a que llama?????">

hola, mira sabes que te seguí, pero no no me esta resultando... tengo esto:

Código HTML:

<div class="bloke_somosder" >
          
      <table>
      <tr>
        <td><a href="#" id="on"></a></td> 
        <td></td> 
        <td></td>
      </tr>
</table>
</div>
 

el css:

Código CSS:

.bloke_somosder{
    padding:20px 20px 0 0;
    float: right;
    height: 450px;
    width: 400px;
    margin:0 auto;
}
.bloke_somosder a #on {
    display: block;
    width: 300px;
    height: 100px;
    background:#666 url(images/portafolio/lesalon_off.jpg) no-repeat;
}
.bloke_somosder a #on:hover {
    background:#666 url(images/portafolio/lesalon_on.jpg) no-repeat;
}
 

pero no me sale nada :s ....que será??

de ante mano muchas gracias!!