jquery - Vertically center-align div in BxSlider Carousel -

i'm using bxslider script build carousel. can fine, i'm having problem trying align center slides vertically, don't have same height. i've tried numerous align techniques, seem fail when bxslider in action. here's jsfiddle example.

currently in example i've set simple css rule works when carousel not set:

.bxslider-inner {    vertical-align: middle;     display: inline-block; }  

but, can see in jsfiddle, when carousel active, vertical alignment doesn't work anymore.

i'm starting suspect might have change core code of script achieve this.

update css this. key not floating element because making inline-block

.bxslider-inner {     vertical-align: middle;     display: inline-block;     float: none !important; } 

one more thing... make match example, change slidemargin:20 slidemargin:10 after have done float: none !important;

fiddle: http://jsfiddle.net/ssqax/9/