Vertically Align Dynamic Images

HTML & CSS
1

http://bit.ly/nyNsOf

I am looking for a way to vertically align the dynamic images in the jQuery Carousel. So far I have tried a few CSS methods using display-type:table and vertical-align:middle but they don’t seem to work. Maybe because I’m using <li>'s?

Any help with the code I am working with is greatly appreciated.
Thanks!

2

For IE8+ you could add that extra span that you seem to have on that smaller element only to all elements and use a rule like this.


.slider-fix {
  width: 300px;
  text-align: center;
[B]  vertical-align: middle;
  display: table-cell;
  height: 149px;
  line-height: 149px;[/B]
}