a ver, con este layout se puede hacer
Cita: <div id="cont">
<a id="a1" href="#">link1</a>
<a id="a2" href="#">link2</a>
<a id="a3" href="#">link3</a>
<a id="a4" href="#">link4</a>
<div id="img">
<img src ="img" id="i1" width="100px" height="100px" alt='' />
<img src ="img" id="i2" width="100px" height="100px" alt='' />
<img src ="img" id="i3" width="100px" height="100px" alt='' />
<img src ="img" id="i4" width="100px" height="100px" alt='' />
</div>
</div>
el css asociado sería este
Cita: #cont {
width: 100px;
padding: 100px 0 0 0;
border: 1px solid red;
}
#cont a {
display: block;
margin-top: 20px;
}
#img, #img img {
display: none;
}
#cont a:hover ~ div#img {
display: block;
position: relative;
left: 0;
top: -200px; /* es una estimación */
}
#cont a:hover#a1 ~ div#img #i1, #cont a:hover#a2 ~ div#img #i2, #cont a:hover#a3 ~ div#img #i3, #cont a:hover#a4 ~ div#img #i4 {
display: block;
position: absolute;
left: 0;
top: 0;
}