hay muchas formas de hacer eso
con la misma script que te pasé (el innerHTML bien puede ser contenido html)
<img src="uno.jpg" width="100" height="100" alt="imagen 1"
onmouseover="document.getElementById('desc').inner HTML='<p style="text-decoration: underline">Esta es la descripción de la imagen 1<br /><img src="lupa.jpg"><br />xxx</p>';" onmouseout="document.getElementById('desc').innerH TML='';" /><br />
lo que está en negrita seria lo que carga el div, pero para que funcione ese mismo código debería estar pasado a entidades html para evitar errores de javascript, lo que haría que te quede así
Código HTML:
Ver original<img src="uno.jpg" width="100" height="100" alt="imagen 1" onmouseover="document.getElementById('desc').innerHTML='<p style="text-decoration: underline">Esta es la descripción de la imagen 1<br /><img src="lupa.jpg"><br />xxx</p>';" onmouseout="document.getElementById('desc').innerHTML='';" /><br />
otra opción
que el div con descripciones sea un <iframe> y cargue otra página
una tercera, que uses Ajax, (con jquery podés usar la funcion load();)
Todo depende de que tan complejo sea el contenido html que querés cargar
Saludos