Список блоков с разным вертикальным выравниванием и ховер

[vera17]

Переделываю список товаров. Выравняла изображение и название товара поверху, а цену и кнопку купить понизу, как тут http://chikuyonok.ru/2011/04/inline-vertical-align/

Вот бьюсь, не могу сделать ховер для блока с товаром, если это вообще возможно. Прошу помощи!

Ссылка http://jsfiddle.net/vera17/kk459/1/

[Demidovetz]

.product-wrapper {

     border: 1px dotted #fff;

     margin:0 0 10px 0;

     padding: 10px;

    display: inline-block;   

}

 

А если так попробовать? вам это нужно?

[vera17]

 

.product-wrapper {

     border: 1px dotted #fff;

     margin:0 0 10px 0;

     padding: 10px;

    display: inline-block;   

}

 

А если так попробовать? вам это нужно?

 

Если так сделать, то вертикальное выравнивание по низу не работает.

Насчёт нужно, вроде так более правильно, когда название товара имеет любую длину и всё красиво выравнивается.