Отображение информации при наведении на картинку
 

Задача для меня сложная.
При наведении на картинку выезжает текст сверху. Проблема в том что картинки(самого разного размера) могут иметь разную ширину и отображаются сжатыми на сайте с помощью width. Я не знаю на сколько отодвигать картинку + я не знаю какой размер контента будет в описании, его может быть до бесконечности, тогда блок с подсказкой будет выезжать вниз пока не покажется весь материал в нем.
Вся проблема крутится вокруг того что я не знаю высоты блока с описание и высоты картинки... Как это можно было бы реализовать?

Я, конечно же, не прошу описать мне тупо весь код, я хотел бы понять что и как делать.
Благодарю за внимание!

Сделай пример

Окей. Задача такова. На первой картинке есть блок. Он состоит из двух блоков: картинка и название. При наведении на этот блок, начная от названия, должен выйти еще один блок с характеристиками. Он должен тянутся(в высоте) так как у разных предметов могут быть разные характеристики. Картинка 1.
Проблема в том что как его так выдвигать и прятать не понятно, ведь я не знаю высоты ни того ни того блока.
*картинка с вариантом до наведения ниже.

Картинка до наведения на блок

Вообще то я имел в виду рабочий пример на jsfiddle к примеру. Ну да ладно, если я правильно понял что тебе надо - то можно решить даже на css.
Для всех характеристик общий контейнер, контейнеру max-height:0. На hover контейнеру max-height:none (либо максимально допустимая высота). Для анимации можно использовать css3 animation.
Конечно, при таком подходе в новых браузерах характеристики твои будут плавно выезжать(как настроишь анимацию), а в старых появляться сразу. С другой стороны - снижение рисков ошибок, никакого лишнего js для всяких там сивстелок-перделок.