Раскрытие текста при наведении курсора на блок.
 

Всем доброго времени. Я не силен в javascript, поэтому очень надеюсь на вашу помощь. В интернете подобного не нашел.

Ситуация следующая. Есть интернет-магазин, в котором товары выводятся по три штуки в строке. Каджый товар заключен в <div>. Из-за того что у некоторых товаров названия длиннее, а у некоторых короче, получается каша. Один блок с товаром выше, другой ниже и т.д.

Собственно вопрос. Каким образом javascript'ом можно замутить следующую штуку:
- Название товара обрезается по количеству символов (например 20) и добавляется многоточие.
- При наведении на определенный товар название полностью раскрывается (плавно!).
- При onmouseout опять пнринимает исходное обрезанное состояние.

Может кто делал подобное? Заранее спасибо.

-сss -опять лучше сss
-и опять css