title: How to make select elements shrink to max-width percent style within fieldset
body: <p>When I reduce the width of my browser window, <code>select</code> elements within the <code>fieldset</code> does not reduce in size despite the <code>max-width</code> command:</p>
  
  <pre><code>&lt;fieldset style="background:blue;"&gt;
  &lt;select name=countries style="max-width:90%;"&gt;
   &lt;option value=gs&gt;South Georgia and the South Sandwich Islands&lt;/option&gt;
  &lt;/select&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>However, this works perfectly outside <code>fieldset</code> element. How do I make the <code>select</code> elements shrink to the <code>max-width</code> (percentage) within the fieldset?</p>
  
  <p><strong>Note:</strong> I have tested both Firefox 12.0 and Google Chrome. I am now sure that it is a cross-browser problem.</p>
  
  <p><strong>Clarification</strong>: Please refer to <a href="http://jsfiddle.net/e2H82/" rel="noreferrer">this example</a> and note the difference between the behaviour of a <code>select</code> element inside a <code>fieldset</code> and another outside the <code>fieldset</code>. What I want to achieve is for the <code>select</code> element within the <code>fieldset</code> to behave like the one outside the <code>fieldset</code> element.</p>