title: How can I break up long words instead of overflowing?
body: <p>How can I stop <a href="http://dl.dropbox.com/u/464119/kuzando/overflow.html" rel="nofollow noreferrer">this text</a> from overflowing?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  .sticky
  {
      background-color: #FCFC80;
      margin: 5px;
      height: 100px;
      width: 135px;
  }
  .sticky .edit
  {
      vertical-align:middle;
      height: 100px;
      position:relative;
      color:Black;    
      background-color:blue;
      height:90px;
      vertical-align:middle;
      width:90px;
      border-collapse:collapse;
  
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="note44" class="sticky"&gt;
  &lt;div id="text44" class="edit" title="Click to edit" style=""&gt;A very long word: abcdefasdfasfasd&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>