title: CSS max-width has no effect; width used instead
body: <p>I'm trying to set an element to be a certain size in pixels, or, if that exceeds a certain percentage of the screen, that percentage of the screen.</p>
  
  <p>I looked around and it seemed like <code>max-width</code> should do the trick, but it doesn't.</p>
  
  <p>The relevant CSS is:</p>
  
  <pre><code>ul.images {
    width: 10000px;  
    max-width: 10%;
  }
  </code></pre>
  
  <p>10000 is much bigger than 100%, hence the width should be 10%, but it just uses 10,000 instead. This is in Chrome. How can I fix this?</p>