twitter bootstrap - glyphicon在锚标记内不合适（IE 11问题）

Question

我正在尝试在锚标记中包含glyphicon，并且在调整页面大小时它不正确（IE 11问题）。 html如下所示，

HTML：

    <div class="panel panel-default">
        <div class="panel-heading panel-heading">
            <h4 class="panel-title">
                <a href="#"><i class="glyphicon glyphicon-info-sign"></i></a>
                 Results Count
                <span class="badge"></span>               
                <a href="#" id="LinkAgenda" class="col-xs-offset-1">
                    <i class="glyphicon glyphicon-download"></i>
                        Download Agenda
                </a>
            </h4> 
        </div>
</div>

调整页面大小时，glyphicon不会随文本一起移动。请参阅下面的快照，

Fiddler： https://jsfiddle.net/ebwwvy6m/22/

任何有关解决此问题的建议都将不胜感激。感谢。