As a requirement at work, I have to use someone's stylesheet and I'm having trouble trying to override one behavior. The unordered list elements `<li>` are having text that exceeds 1 line wrap around to the area below the bullet point. Here's the CSS that is causing the behavior: 

```
ul
{
  list-style: none;
  list-style-position: inside;
  padding: 0;    
}

li 
{
  list-style-type: disc;
  list-style-image: none;
  margin-left:0px;
  margin-bottom: 5px;
} 

```

Here's a fiddle for that: <http://jsfiddle.net/CP32B/1/>

What attribute do I need to override so that I can get the text to align like it does by default? (Example of default behavior: <http://jsfiddle.net/B5jPH/>)