html - IE10 - 文本对齐：中心向右对齐

Question

我text-align: center在 div 中使用来对齐部分标题。出于某种原因，在 IE 9/10 中它向右对齐。当我将其注释掉时，它又回到了居中。

在 Chrome/FF/Safari 中它工作得很好。我对任何其他部分都没有这个问题，所以我猜测它与嵌套在另一个 div 中有关。

<h3 class="sub-section-heading light teal-ts">Complete Ingredient List:</h3>
    <div id="ingredient-list">
        Aloe barbadensis (Organic Aloe) Juice,
    </div>

.sub-section-heading {
    font-size: 24px;
    text-align: center;
    font-family: 'pf_regular';
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px;
}