title: Opera: column-count with max-height
body: <p>I have a problem in Opera 12 when trying to combine column-count with max-height. The problem is that when there is some fixed height Opera generates more columns than specified in column-count instead of adding scroll.</p>
  
  <p>For example, try following html:</p>
  
  <pre><code>&lt;div&gt;
      &lt;ul&gt;
          &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&lt;/li&gt;
          &lt;li&gt;4&lt;/li&gt; &lt;li&gt;5&lt;/li&gt; &lt;li&gt;6&lt;/li&gt;
          &lt;li&gt;7&lt;/li&gt; &lt;li&gt;8&lt;/li&gt; &lt;li&gt;9&lt;/li&gt;
          &lt;li&gt;11&lt;/li&gt; &lt;li&gt;12&lt;/li&gt; &lt;li&gt;13&lt;/li&gt;
          &lt;li&gt;14&lt;/li&gt; &lt;li&gt;15&lt;/li&gt; &lt;li&gt;16&lt;/li&gt;
          &lt;li&gt;17&lt;/li&gt; &lt;li&gt;18&lt;/li&gt; &lt;li&gt;19&lt;/li&gt;
          &lt;li&gt;21&lt;/li&gt; &lt;li&gt;22&lt;/li&gt; &lt;li&gt;23&lt;/li&gt;
          &lt;li&gt;24&lt;/li&gt; &lt;li&gt;25&lt;/li&gt; &lt;li&gt;26&lt;/li&gt;
          &lt;li&gt;27&lt;/li&gt; &lt;li&gt;28&lt;/li&gt; &lt;li&gt;29&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with following css:</p>
  
  <pre><code>div
  {
      overflow-x: hidden;
      overflow-y: auto;
      column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; 
      max-height: 100px;
  }
  </code></pre>
  
  <p>You can see the result also at <a href="http://jsfiddle.net/bYhFg/5/" rel="nofollow">http://jsfiddle.net/bYhFg/4/</a> </p>
  
  <p>It works fine in Firefox/Chrome, but not in Opera. In Opera it generates more columns than specified i.e. more than two.</p>
  
  <p>What I'm trying to achieve is to make fixed height div with two columns and vertical scroll when needed.</p>