hover sobre texto?

[lincenegro]

Buenas!!!

No se si no me explico bien o no se que pasa. He intentado usar el ultimo script que me paso emprear para hacer lo que necesito pero sin ningun resultado.

Veo que una de las cosas que puedo modificar es donde pone:

Esta es la descripción de la imagen 1

Pero intento meter <a href="">, <img>,<div id=""> y otras cosas ahi y no hace nada, como meto ahi dentro una pagina html entera si no me acepta nada?

Tambien me he fijado donde pone <img src="lupa.jpg"> que eso si que me pone una imagen, pero poco me sirve si no puedo poner nada mas.

He intentado usar los <iframe> aventurandome en ser un poco autodidacta pero tambien sin ningun resultado, aunque creo que es justamente lo que yo estoy pidiendo.

Mi codigo actual es este:

Código HTML:

<!-- start content -->
    <div id="content">
        <div class="post">
            <div id="desc">
            </div>
        </div>
    </div>
    <!-- end content -->
  <div id="inici-index">
        <div id="inici"><a href="../index.html"><h3>INICI</h3></a></div><div id="inici2"><a href="index.html"><h3>INDEX</h3></a></div>
    </div>
    <!-- start sidebar -->
    <!--[START-QM0]--><ul id="qm0" class="qmmc">
    <h1>GIRONA</h1>
            <img src="../menu%20pobles/images/girona.gif" alt="Girona"
    onmouseover="document.getElementById('desc').innerHTML='&lt;p style=&quot;text-decoration: underline&quot;&gt;Esta es la descripci&oacute;n de la imagen 1&lt;br /&gt;&lt;img src=&quot;images/img02.gif&quot;&gt;&lt;br /&gt;&lt;/p&gt;';"  onmouseout="document.getElementById('').innerHTML='';" /><br />
    <h1>BARCELONA</h1>
    <img src="../menu%20pobles/images/barcelona.gif" alt="Barcelona"
    onmouseover="document.getElementById('desc').innerHTML='&lt;p style=&quot;text-decoration: underline&quot;&gt;Esta es la descripci&oacute;n de la imagen 2&lt;br /&gt;&lt;img src=&quot;images/img02.gif&quot;&gt;&lt;br /&gt;&lt;/p&gt;';"  onmouseout="document.getElementById('').innerHTML='';" /><br />
    <h1>TARRAGONA</h1>
    <img src="../menu%20pobles/images/tarragona.gif" alt="Tarragona"
    onmouseover="document.getElementById('desc').innerHTML='&lt;p style=&quot;text-decoration: underline&quot;&gt;Esta es la descripci&oacute;n de la imagen 3&lt;br /&gt;&lt;img src=&quot;images/img02.gif&quot;&gt;&lt;br /&gt;&lt;/p&gt;';"  onmouseout="document.getElementById('').innerHTML='';" /><br />
    <h1>LLEIDA</h1>
    <img src="../menu%20pobles/images/lleida.gif" alt="Lleida"
    onmouseover="document.getElementById('desc').innerHTML='&lt;p style=&quot;text-decoration: underline&quot;&gt;Esta es la descripci&oacute;n de la imagen 4&lt;br /&gt;&lt;img src=&quot;images/img02.gif&quot;&gt;&lt;br /&gt;&lt;/p&gt;';"  onmouseout="document.getElementById('').innerHTML='';" /><br />
  <!-- end sidebar -->
 

y una imagen para que os hagais una idea:

http://imageshack.us/photo/my-images/819/capturadepantalla201112.jpg/
(sigue sin salir la foto)

Espero que me podais ayudar.