title: Vertical aligment not working properly
body: <p>Live demo: <a href="http://jsfiddle.net/9Y7Cm/1/" rel="nofollow">http://jsfiddle.net/9Y7Cm/1/</a></p>
  
  <p>I want the text to be placed at the 50% of the image height - so just in the middle of the box.</p>
  
  <p>I was searching a lot on SO and google - there are a lot of questions like this, but each other is about another problem... I was tried the solutions given by people but none of them worked so thats why I'm asking you here for any solution!</p>