title: My content goes out of the div
body: <p>I got a problem with the div. It must look like this: <a href="http://cl.ly/2r0S043m301p410T2e3z" rel="nofollow">http://cl.ly/2r0S043m301p410T2e3z</a> but instead it looks like this: <a href="http://cl.ly/3h1t0f471W0V1U3j2S0y" rel="nofollow">http://cl.ly/3h1t0f471W0V1U3j2S0y</a> it is really annoying.</p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/html"&gt;
  &lt;head&gt;
    &lt;link href="&lt;?php echo base_url('css/style.css');?&gt;" rel="stylesheet" type="text/css" /&gt;
    &lt;title&gt;Admin :: Home&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
    &lt;div class="admin-form"&gt;
      &lt;div class="header"&gt;
        &lt;h1&gt;Admin Home&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="content dashboard"&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo base_url('admin/DiveLocations');?&gt;'&lt;span class="addDiveLocation"&gt;&lt;img src='&lt;?php echo base_url('images/icons/scubadiving.png');?&gt;'/&gt;&lt;p&gt;Duiklocaties&lt;/p&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo base_url('admin/Users');?&gt;'&lt;span class="addDiveLocation"&gt;&lt;img src='&lt;?php echo base_url('images/icons/users.png');?&gt;'/&gt;&lt;p&gt;Gebruikers&lt;/p&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and here is the CSS for that content box:</p>
  
  <pre><code>.admin-form .content .input {
    width: 188px;
    height: 100%;
    padding: 15px 25px;
    margin-left: 100px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #9d9e9e;
    text-shadow: 1px 1px 0 rgba(255,255,255,1.0);
  
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
  
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
  }
  </code></pre>