div动画中的绝对定位文本“隐藏”

Question

我有一个div，其中一些文本定义为此div的一部分。部分文本位于div的边界之外的绝对位置。作为我的解决方案的一部分，我在点击时设置div的大小。在动画过程中，div外部的文本会消失，但在动画完成时会重新显示。 div内的文本在整个动画过程中显示。

请在此处查看：http://jsfiddle.net/PVabR/

这是我的div：

<div id="fac-node-8033091339" class="node" style="left:54px;top:91px;width:129px;height:45px;">
    <div class="facility">
        <div class="tt" title="Maximum samt procent dækket">
            <div class="maximum">1.000 DKK</div>
            <div class="utilized">45%</div>
        </div>
        <div class="acctNo">
            <div class="label">Kontonr.</div>
            <div class="text">Kontonummer 123456789</div>
        </div>
    </div>
</div>

.maximum和.utilized显示在div之外。

任何人都可以向我解释原因吗？如果有解决方案，我很乐意听到它。

提前致谢