title: Why don't UL bullets stay within their containing DIV?
body: <p>I have a really simple set up:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
    &lt;ul&gt;
      &lt;li&gt;Item one&lt;/li&gt;
      &lt;li&gt;Item two&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I had assumed that all contents and the bullets of the UL would be within the div, but currently this is not the case.</p>
  <p>The bullet points for the UL appear outside of the div and effectively disappear when overflow is hidden.</p>
  <p>To me this is somewhat broken and cross browser compatible, and I've scanned the HTML spec but couldn't find anything saying this should happen.</p>
  <p>Is there a CSS fix for it or other layout fix?</p>