如何阻止超出div的大字体？

我正在使用在线内容编辑器。一切正常，突然间，大字体开始被剪裁在div的顶部。过去发生的情况是，随着字体变大，div中的实际插入点略微向下移动。现在，随着字体变大，它仍然是固定的。这是contentDiv的CSS。如何阻止超出div的大字体？

.textObject { 
position:absolute; 
white-space:normal; 
overflow:hidden; 
} 

.textMove { 
border:1px transparent dashed; 
} 

.textMove:hover { 
cursor:move; 
border:1px #999999 dashed; 
}

悬停类是什么是生产虚线这个图片：

enter image description here

显然，其他的东西在我的CSS的某个地方出了问题。有人可以帮我确定是什么原因造成的吗？我可以跟踪编辑工具，但我不知道要寻找什么。我需要知道什么会导致像这样裁剪大字体。

顺便说一句，我知道溢出：可见将显示文本，但我希望它包含在框中。

非常感谢您一如既往的帮助。

编辑：实际CSS格式的代码（渲染）的这部分

<div id="slideHolder59" style="position: absolute; left: 0px; top: 0px; overflow: hidden;"> 
<div id="stageLayer59" class="stageLayer" style="position: relative; top: 0px; left: 0px; width: 960px; height: 640px;"></div> 
<div id="slayer11" class="setObject setMove ui-draggable ui-resizable ui-resizable-autohide" style="top: 489px; left: 696px; width: 200px; height: 84px; cursor: move;"></div> 
<div id="tlayer65" class="textObject textMove ui-draggable ui-resizable ui-resizable-autohide" style="left: 101px; top: 79px; width: 532px; height: 111px; color: rgb(255, 255, 255); font-family: Lato; font-size: 97px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; opacity: 1; cursor: move;"></div> 
</div>

来源

2013-09-28 Doug Wolfgram

目前还不清楚你如何定位这个元素。请为我们提供DOM并建议使用http://jsfiddle.net – Itay

js小提琴不会帮助，因为它很简单，这可以正常工作。这是一个非常复杂的多层幻灯片（想到Web的PowerPoint），所以有一个主窗口，然后是一个舞台，然后是包含所有元素的幻灯片保持器div。我已经添加了上面那部分的实际CSS ... –