Vertically center a paragraph with unknown number of lines
===

It's not the first time I'm bumping into this problem and never have the opportunity to figure out something right.

So here's the problem:

I have 2 divs. Each of them have a title in them. Depending on the length of the title, the title may have to fit on 2 lines or not. All of this is generated from a CMS, so no way of telling if one of them will have 2 lines or one at a given time (so I can't just separate them with a class if they have 1 line or 2)

Here's the juicy part: I want the title in those two divs centered vertically. Line height won't do it because theres always the possibility of it being on 1 or 2 lines, and display:table-cell + vertical-align:middle is not compatible with IE7.

So is there a way to vertically center those titles and that will work in every browser?

Edit: Heres a photo of the situation I try to explain:

![enter image description here][1]


  [1]: http://i.stack.imgur.com/3ypOM.jpg