title: select-box overflowing a td
body: <p>In my table i have some td's with some select-boxes.
  The one the user is clicking becomes a real selectbox (with size="n") instead of a dropdown.</p>
  
  <p>But I dont whant the table td to change its height.</p>
  
  <pre><code>&lt;table&gt;&lt;tr&gt;
      &lt;td&gt;
      &lt;select size="1"&gt;
          &lt;option&gt;one&lt;/option&gt;
          &lt;option&gt;two&lt;/option&gt;
          &lt;option&gt;duck&lt;/option&gt;
      &lt;/select&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
      &lt;select size="1"&gt;
          &lt;option&gt;one&lt;/option&gt;
          &lt;option&gt;two&lt;/option&gt;
      &lt;/select&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
      &lt;select size="5"&gt;
          &lt;option&gt;one&lt;/option&gt;
          &lt;option&gt;two&lt;/option&gt;
          &lt;option&gt;yes&lt;/option&gt;
          &lt;option&gt;batman&lt;/option&gt;
          &lt;option&gt;chewing gum&lt;/option&gt;
      &lt;/select&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
      &lt;select size="1"&gt;
          &lt;option&gt;one&lt;/option&gt;
          &lt;option&gt;two&lt;/option&gt;
          &lt;option&gt;monitor&lt;/option&gt;
      &lt;/select&gt;
      &lt;/td&gt;
  &lt;/tr&gt;&lt;/table&gt;
  </code></pre>
  
  <p>eg: how it looks:</p>
  
  <p><img src="https://i.stack.imgur.com/w6vn9.png" alt="how it looks"></p>
  
  <p>what i want:</p>
  
  <p><img src="https://i.stack.imgur.com/lgpgv.png" alt="enter image description here"></p>