Переход высоты css3 не работает

У меня проблема с использованием переходов css3 как сделать переход плавным, он появляется мгновенно
я хочу, чтобы блок div медленно менял свою высоту, когда я наведен на него

html-код

jsfiddle