проблемы с hover и vertical-align

[Aljnk]

Помогите решить проблему - есть код

label:hover img {
	background: #9FDAEE; // код не имеет значения - главное, что-то должно происходить.
   }
</style>

<div style="text-align:left; width:60px; height:32px; float:left;">
   <img align="top" src="img.png" width="10" height="10" />
</div>
<div style="height:100%; margin-bottom:0; text-align:left; height:45px;">
   <textarea id="text_id" name='text' cols='20' rows='4'></textarea>
   <label for="text_id">
      <img src="im/img2.gif" style="vertical-align: top;" />
   </label>
</div>

Хочется выровнять img2 по верхней границе textarea, но при таком выравнивании hover срабатывает в двух местах - на самом рисунке и в том месте где рисунок должен быть, если нет vertical-align: top.

Как сделать, чтоб hover срабатывал только на рисунке?

Спасибо.

[heywait]

http://jsfiddle.net/FtPyh/1/

как-то так, наверное

Edited December 19, 2011 by heywait

[Aljnk]

Спасибо Работает, если еще и в label запихнуть

Edited December 20, 2011 by Aljnk