title: vertically align multi-row text within li tag in IE quirks mode
body: <p>I'm attempting to find a most cross-browser solution to vertically align text that can span multiple rows within li tags.Here's an example!</p>
  
  <p><img src="https://i.stack.imgur.com/KSfAT.png" alt="OK aligned"></p>
  
  <p>I read a lot about the topic and based on the few threads I assembled the code that can be found on the following fiddle <a href="http://jsfiddle.net/xRC3y/15/" rel="nofollow noreferrer">http://jsfiddle.net/xRC3y/15/</a>. This works for most of the browsers, however on IE when pushed in quirks mode via developer tools, it is rendered as follows:</p>
  
  <p><img src="https://i.stack.imgur.com/9GNR7.png" alt="Badly aligned"></p>
  
  <p>I'm struggling to get a solution that works in IE quirks mode as well, and any help is appreciated</p>