Cita:
Iniciado por InKarC 
Si lo vio en fiddle? [url]http://jsfiddle.net/qHY3Y/[/url] hay esta lo de foucs trabajando bastante bien
Si compa pero no cumplia con lo que yo queria , he modificado el codigo y quedo asi :
Código HTML:
<style>#buscador , #hover , #foco , #hover {
float:left;padding:0px 0px 0px 2px;
/* Ponemos los bordes para el formulario */
border: 1px solid #000000 ;border-bottom: 1.5px solid #000000 ;
margin:4px 0px 0px 20px;
/* Redondeamos esquinas */
-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px}</style>
<form id="buscador" style="background-color:#696969;" action="buscar.php"
onMouseOver="if(this.id=='buscador'){this.style.background='#808080' , this.id='hover'} else{if(this.id=='hover'){this.style.background='#808080' , this.id=='buscador'}} "
onMouseOut="if(this.id=='hover'){this.style.background='#696969' , this.id=='buscador'}"
style="margin:6px 0px 0px 5px;"
metod="get">
<input
onblur="form.id='buscador';form.style.background='#696969';if(this.value==''){this.value='Buscar personas...'};form.id=='buscador'"
onFocus="form.id='foco';form.style.background='#ffffff';if(this.value=='Buscar personas...'){this.value=''};
"
value="Buscar personas..."
style="margin:0px;width:172px;border-style:none;background-color:transparent;padding:5px;"
name="busqueda" type="text" />
<input type="image" style="height:20px;padding:3px 5px 3px 5px;margin:0px 0px -8px 0px;" src="http://icones.pro/es/go.php?http://icdn.pro/images/es/b/u/buscar-buscar-ampliar-icono-6707-16.png" />
</form> Puede ver el ejemplo funcionando en : http://jsfiddle.net/qHY3Y/39/ xD
Gracias por su ayuda (: