Центр выравнивания текста не работает в IE

Question

У меня есть панель, я центрирую тело панели. Он отлично работает во всех браузерах, за исключением IE ... Может ли кто-нибудь сказать мне, почему?

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

CSS

.chart-center { 
     text-align: -moz-center; /*firefox*/ 
     text-align: -webkit-center; /*safari, chrome*/ 
     margin: 0 auto; 
    } 

HTML

<div class="col-lg-4"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <h3 class="panel-title text-center"><i class="fa fa-usd fa-fw"></i> My Chart</h3> 
     </div> 
      <div class="panel-body text-center chart-center"> 
       <div id="myID"></div> 
      </div> 
     </div> 
</div> 

Answer 1

Использование по умолчанию одно:

.chart-center { 
    text-align: center; /*default*/ 
    margin: 0 auto; 
} 

На самом деле для этого свойства префикс поставщика не требуется.

Answer 2

margin 0 auto будет работать, если внешний div больше внутреннего, что здесь не так.

Это тоже работает:

.chart-center { 
     margin: 0 auto; 
     width:100px; 
    }