Problema con efecto en javascript

hola gente! Os comento estoy haciendo un componente de joomla para sacar un listado de barcos con una imagen. Y el cliente quiere q al pasar el raton encima de la imagen en pequeño se muestre encima al lado del raton la imagen más grande, como en esta página: <a href="http://www.marinamarbella.net/embarcaciones-de-ocasion.html" target="_blank">http://www.marinamarbella.net/embarcaciones-de-ocasion.html</a>
Estoy intentando hacer ese efecto con javascript y css pero tengo varios prblemas, el primero es que en el explorer lo q tenog hecho de momento es que cargue la imagen en una capa superpuesta, y en internet explorer funciona bien, pero en firefox me carga laimagen en la parte de arriba, antes del listado, no se porqué. y el otro probelma es que no se como hacer para q la imagen se quede al lado del raton, alguien me puede ecar una mano?? os dejo las partes de cogido q tengo hechas.

Funciones javascript
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->function mostrar(url) {
div = document.getElementById('nombre_capa');
div.innerHTML=url;

}
function ocultar() {
div = document.getElementById('nombre_capa');
div.innerHTML="";
}<!--c2--></div><!--ec2-->

CSS de la capa:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->#nombre_capa{
&nbsp;&nbsp;&nbsp;&nbsp;position: absolute;
&nbsp;&nbsp;&nbsp;&nbsp;left: 50%;
}<!--c2--></div><!--ec2-->

y en el html simplemente está puesto el div vacío antes del listado:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1--><div id="nombre_capa"></div>
<!--c2--></div><!--ec2-->

Gracias, un saludo!!

 

:adios:

hola mira intenta con el Jquery, aqui hay un bonit plug in <a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/" target="_blank">http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/</a>


y he aqui el demo:

<a href="http://jquery.bassistance.de/tooltip/demo/" target="_blank">http://jquery.bassistance.de/tooltip/demo/</a>





por ahora es lo que puedo ofrecerte :vale: deja me desocpo de las taeras escolares y pues puedo ayudarte un pokito mas a fondo.. saludos !!!

 

Mira kreikol acá hay publicado una aplicación donde se hace justo eso. puedes descargarlo gratuitamente desde acá <a href="http://geekeando.net/archives/154" target="_blank">http://geekeando.net/archives/154</a>

En una de las imágenes que se muestra en la página muestra lo que dices solo que claro no carga imñagenes sino información de la BD..

Espero te sirva..