IE10 - text-align：center正对齐

Question

我在div中使用text-align: center来对齐标题。出于某些原因，在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;
}