title: is there a way to add a picture inside this "hovered" sign?
body: <p>I'm making a website and i managed to make a sign appear when i hover over a sentence. Inside that sign there is a text, but now i want to add a picture too. is that possible? how can i do it?</p>
  <p>To clarify i want the picture inside the sign to dissapear when i take the mouse off the sentence. just like the sign itself and the text does.</p>
  <p>this is an example of my codes:</p>
  <pre><code>
  &lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset=&quot;utf-8&quot;&gt;
  &lt;title&gt;Documento sin título&lt;/title&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;mihojadeestilosTSlyrics.css&quot;/&gt;
  &lt;script src=&quot;jQueryAssets/jquery-1.11.1.min.js&quot;&gt;&lt;/script&gt;   
      
  &lt;script&gt;    
      
      $(document).ready(function(){   
          $(&quot;#mensaje_frase0&quot;).hide();
          $(&quot;#frase0&quot;).hover(mensaje_on0, mensaje_off0);
          
      });
  
      
      function mensaje_on0(){
          $(&quot;#mensaje_frase0&quot;).show();
      }
      
      function mensaje_off0(){
          $(&quot;#mensaje_frase0&quot;).hide();
      }
      
  &lt;/script&gt;
  
  
  &lt;/head&gt;
  
  &lt;style&gt; 
      
  body
  {
      background:url(&quot;../imagenes/speaknow/longlive.jpg&quot;); /*La foto*/
      background-repeat:repeat-y;
      background-position:120% 0%;
          
  }   
      
      #mensaje_frase0{
          position: fixed;  /*queda en donde lo pusimos aunque cambiemos de posicion con la barra de desplazamiento*/
          left: 625px;
          top: 170px;   /*el espacio entre el cuadro y el tope VISIBLE de arriba*/
          width: 500px;  /*el ancho del cuadro. (el texto se acomoda adentro)*/
          height: 230px;
          background-color: #D7CFDA;
          font-size: 23px;
          padding: 25px;   /*El margen entre el texto y los bordes del cuadro*/
          padding-top: 40px;
          border: 2px #00F;
          font-family: Segoe, &quot;Segoe UI&quot;, &quot;DejaVu Sans&quot;, &quot;Trebuchet MS&quot;, Verdana, &quot;sans-serif&quot;;
          text-align: center;
      }   
      
  &lt;/style&gt;    
      
  &lt;body&gt;
      
  &lt;div id=&quot;mensaje_frase0&quot;&gt;THIS IS SOME TEXT INSIDE THE SIGN. I WANT TO ATTACH A PICTURE HERE TOO.&lt;/div&gt;
      
      &lt;h1&gt;&lt;span id=&quot;frase0&quot;&gt;Long Live&lt;/span&gt;&lt;/h1&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  
  </code></pre>