Дополнительные поля при наведении
 

Подскажите пожалуйста, как реализовать такую вещь:
У меня есть такй кусочек кода

<div id="my_pay_center_top">
<img src="fm/content/img/phone-pl.jpg" width="62px" height="70px" alt="Телефон" align="left"/>
<div><a href="#">Мой телефон</a></div>
<div>&nbsp;</div>
<div>Билайн</div>
<div>+7 903 5808474</div>
</div>
Мне необходимо, чтобы при наведении на этот див появлялись дополнительные поля, один из них инпут, в котором я бы смогла забить данные. После того, как в инпут я введу хотя бы один символ, нужно чтобы появилось ниже еще поле.