如何更改嵌套在DIV中的显示文本的宽度?

假设我有以下代码(当然是关于我的实际上下文的简化代码):

<div id="box" style="width: 120px;" onmouseover="this.style.width='200px'" onmouseout="this.style.width='120px'">
    <div>A label</div>
    <div>Another label</div>
    <div>Another label, but a longer label</div>
</div>

我想要实现的是:

我的分隔框有固定宽度( 120px 默认情况下)。 在此配置中,嵌套在框中的每个标签都必须写入一行。 如果文本太长,则必须隐藏溢出。

在我的示例中,将显示第三个项目 Another label, but a 或 Another label, but a ... .

当光标进入DIV框时,框的宽度将被修改(例如 200px ) 在这个配置中,第一个配置中缩短的标签现在显示在整个空间中。

对于我的代码段,当框中有一个 120 px 我不想这样…

我怎样才能做到?

请注意,如果该解决方案也适用于IE6,我将非常棒!

即使我喜欢纯css/html解决方案,(简单)javascript(和 jQuery 允许!