how to use table-cell in Internet explorer

See more:

CSS

Hi guys... I would like to ask why is it that the property table-cell is not working properly and not aligning vertically in the middle?
right now i have this structure and i want the images for this structure to be align center... it working in other browser properly but when it comes to ie its not working here is the structure for my html...

<div id="logos">
   <ul>
      <li><img src="image1.jpg" /></li>
      <li><img src="image2.jpg" /></li>
   </ul>

</div>

so i want the images to be vertically aligned in the middle (assuming image2 has a bigger height than image1. assuming image2 has a height of 100px and image2 has a height of 40px)

and here is my css styling for this

#logos ul{
  display: table;
  height: 100px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#logos ul li{
  display: table-cell;
  list-style: none outside none;
  padding-right: 15px;
  text-align: center;
  vertical-align: middle;

}

i tested this on other browser other than IE and its working but im so frustrated when it comes to IE... i cant seem to make table-cell property work properly... any help will be great guys... thanks