Hover con text

[alexjacome_]

Hola q tal....

Gracias por la ayuda, pero creo que ya lo soluciones, quiza no sea muy ortodoxa la forma en la se resolvio y como dice pzin parezca una pequeña aberracion, ya me sirvio y fin de cuentas eso es lo importante creo jejeje bueno mas o menos es asi como se soluciono partiendo del codigo que ya tenia...

Código HTML:

<td colspan="8">
        <div id="sign me up" >  
	   
        <img id='register' src="images/register image.jpg" width="244" height="245"alt="" usemap="#register" 
        onMouseOver="onHover2();"        
        onMouseOut="offHover2();" />      
	  </div>
            
	<script>
		function onHover2()
		{
			
			$("#register").attr('src', 'images/registe image-hover.jpg');
			$("#textMessages").show();
		}
		
		function offHover2()
		{
			$("#register").attr('src', 'images/register image.jpg');
			$("#textMessages").hide();
		}
    </script>
    	
         <div id="textMessages" style="position:absolute;display:none; z-index:10;  margin-top:-245px;" onMouseOver="onHover();">
            <input type="text" size="29"  value="Enter your e-mail address" name="nombre2"
             style="position:absolute; margin-top:167; margin-left: 19; height:32; ">
	    </div>
		 <map id="register" name="register">
             <area shape="rect" alt="Enter your e-mail address" title="Enter your e-mail address" coords="11,160,225,205"
             target="_blank" onMouseOver="onHover2()" />  
         </map>
           
      </td> 

lo que hicimos fue aumentar:

$("#textMessages").show(); y $("#textMessages").hide();

dentro de onHover y offHover respectivamente

y aumentar un div:

<div id="textMessages" style="position:absolute;display:none; z-index:10; margin-top:-245px;" onMouseOver="onHover();">

y dentro del cual esta el input text....

Lo que no me gusto mucho es que para colocar esto, eh tenido que usar coordenadas para poder hubicar correctamente el text....

Pero en todo caso ya funcione jeje

Muchas gracias de todas formas...