DIV content exceeding parent's width

I'm having a problem with some text overflowing outside the parent's div. I tried with

element.style {
  text-overflow: ellipsis;
  overflow: hidden;
}

but to no avail.

Here is a JSFiddle with my code. Looks like the DD element goes outside the div. How can I force it inside?