[SOLUCIONADO] como posicionar en distintas partes del pagina el siguiente css

[lushiru]

tengo en html el codigo a continuacion:

Código HTML:

<div id="hola">HOLA <div class="tool"><form action="hola.php" method="post">
nombre<input type="text" size="20" />
</form></div></div>
 

lo que al aplicar el css:

Código CSS:

.tool{display:none;}
div#hola:hover>.tool{display:block;position:absolute;background:#ccc;padding:10px;border-radius:100px;}
 

me genera un pequeño cuadro con el formulario el problema es que se ve al costado izquierdo de la pantalla , necesito moverlo un poco a la derecha. saludos.

[pzin]

Pues un elemento con posición absoluta puedes ajustar su posición usando top, right, bottom y left indicando alguna medida válida de CSS.

Lo que no tengo claro es que sea la mejor solución, ya que trabajar con posiciones absolutas no suele ser la mejor de las ideas.