crear pagina pequeña con css

[C2am]

Una posible solución es meter ese <div> dentro del <p> y por supuesto cambiar ese "+" por un "<"

Código HTML:

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

Código CSS:

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

<iframe width="100%" height="300" src="http://jsfiddle.net/c2am/mzB8X/1/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

http://jsfiddle.net/c2am/mzB8X/1/embedded/result/


Ahora, por favor quita esa tabla ya que un input no es un "dato a tabular".