title: Vertically center-align div in BxSlider Carousel
body: <p>I'm using <a href="http://bxslider.com" rel="nofollow noreferrer">bxslider</a> script to build a carousel. I can do everything fine, I'm just having a problem trying to align to center the slides vertically, as they don't have the same height. I've tried numerous align techniques, but all seem to fail when the bxslider is in action. Here's a <a href="http://jsfiddle.net/cmoreira/sSqAx/" rel="nofollow noreferrer">jsfiddle example</a>.</p>
  
  <p>Currently in the example I've set a very simple CSS rule that works when the carousel is not set: </p>
  
  <pre><code>.bxslider-inner {
     vertical-align: middle;
      display: inline-block;
  } 
  </code></pre>
  
  <p>But, as you can see in the jsfiddle, when the carousel is active, the vertical alignment doesn't work anymore.</p>
  
  <p>I'm starting to suspect I might have to change the core code of the script to achieve this. </p>