como ?? hago una ventana sobre una imagen mostrando la imagen

[NUCKLEAR]

una ayudilia por favor, como se hace esto , intento buscar , pero no se ni como se llama?
!!!, como hago para que al posicionar el mouse sobre la imagen se abra la ventana con la imagen.
http://www.performancebike.com/shop/...tegory_id=4120

[NUCKLEAR]

alguna aiuda estoy casi 5 horas buscando algo similar y no encuentro nadaaaa!! que acaso hay que serun genio para hacer eso! una manito por favor, que estoy al borde la psicosis...

[NUCKLEAR]

al fin encontre como hacerlo!!!! :)))))) si a alguien le interesa http://sonspring.com/journal/hoverbox-image-gallery

[NUCKLEAR]

es mas no necesita js simplemente puro css les dejo un pequeño ejemplo

primero vincular la hoja de estiilos. segundo en el cuerpo o onde queremos la imagen:
<ul class="hoverbox">
<li><a href="gal/01_full.jpg" title="foto01"><img src="imagenes/dada.jpg" alt="info" /><img src="imagenes/aa.jpg" alt="info" class="preview"/></a></li>

y la hoja de estilos:

.hoverbox a:hover .preview {
display:block;
left:-45px;
position:absolute;
top:-50px;
z-index:1
}

.hoverbox img {
background:#fff;
border-color:#aaa #ccc #ddd #bbb;
border-style:solid;
border-width:1px;
color:inherit;
height:120px;
padding:1px;
vertical-align:top;
width:120px
}

.hoverbox li {
background:#eee;
border-color:#ddd #bbb #aaa #ccc;
border-style:solid;
border-width:1px;
color:inherit;
display:inline;
float:left;
margin:3px;
padding:5px;
position:relative
}

.hoverbox .preview {
border-color:#000;
height:200px;
width:200px
}

espero les guste como ami!!! ahhh y no me funciona en el maldito explorer!!!! alguna idea? aver si me pasan este post a css, a ver si pueden dar una mao.

[NUCKLEAR]

corregido : vincular las dos hojas de estilos...
<link href='estilo.css' rel="stylesheet" type="text/css" media="screen"/>

<link rel="stylesheet" href='ie_fixes.css' type="text/css" media="screen, projection" />

la hoja de stilo ie_fixes.css es:

/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
position: relative;
}

.hoverbox a:hover
{
display: block;
font-size: 100%;
z-index: 1;
}

.hoverbox a:hover .preview
{
top: -38px;
left: -50px;
}

.hoverbox li
{
position: static;
}