ie11浏览器 css:怎么让a标签里的img居中

1、我最开始的样式是这样的：

a{

    display:block;

    width: 365px;

    height:100px; 

    text-align: center; 

    line-height: 100px;

    background: url(../images/bank_bj02.png) no-repeat;

}

a img{

     display:inline-table; 

     vertical-align: middle;

}

ie11显示是这样，而在其他浏览器都能正常居中显示

2、后来改成：

a{display:table-cell;vertical-align:middle;width: 365px;height:100px; text-align: center; line-height: 100px;background: url(../images/bank_bj02.png) no-repeat;}

a img{ display:inline; vertical-align: middle;}

正常显示了