Expand div from the middle instead of just top and left using CSS

Question

I\'m not sure if this is possible, but I thought it would be cool using CSS transforms to create an effect where a div expands from its center to a predetermined height and

Answer 1

you may have to make you're div position absolute and then adjust the left and top position on hover. jsFiddle example