title: Why is this simple CSS div not working?
body: <p>I have a div. It is really simple. Here is the CSS code below.    </p>
  
  <pre><code>#example {
      background: #dcdcdc;
      background-position: center;
      postition: relative;
      width: 980px;
      text-align: center;
      margin: 0px auto;
      padding: 1px;
      min-height: 30px;
  }
  </code></pre>
  
  <p>html code:</p>
  
  <pre><code>&lt;div id="example"&gt;testtesttesttesttesttesttesttesttesttesttesttest&lt;/div&gt;
  </code></pre>
  
  <p>As you can see it only contains text that is selected from a database table.
  The problem is that when the length of the text is wider than the screen it does not start a new line, it goes over. I want to make it start a new line. How could I do that?</p>
  
  <p>Note: The overflow is hidden on the page. I only tested this page in Chrome 13 and FF 3.6.</p>