Как мне обрезать текст по горизонтали?

Question

Мне нужен мой контент в определенном контейнере. Если содержимое увеличивается по горизонтали, контейнер должен обрезаться, а если содержимое увеличивается по вертикали, контейнер должен расширяться. вот мой код:

<div style="padding:10px; width:602px; background:gold; clip: rect(0px, 602px, auto, 0px);">
  <div style="padding:10px; width:1000px; background:pink">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
  </div>
</div>

Я также пытался использовать переполнение, но оно не работает хорошо.

вот мой фактический код http://jsfiddle.net/QeahW/7/ раскрывающийся список не отображается под ссылкой о компании. не знаю как это решить.

Answer 1

Вы хотите сказать, что хотите так?: http://jsfiddle.net/N4qvK/

Я удалил элемент на внутреннем контейнере, чтобы внутренний блок всегда оставался в пределах внешнего блока с шириной.