title: How to CSS the select field so that it occupy the entire cell of my table?
body: <p>I have a select field (drop-down menu) in a table column:</p>
  
  <pre><code>&lt;tr&gt;
   &lt;td&gt; 
     &lt;select id="status" name="status"&gt;
        &lt;option value="started"&gt;started&lt;/option&gt; 
        &lt;option value="ongoing" selected="selected"&gt;ongoing&lt;/option&gt; 
        &lt;option value="denied"&gt;denied&lt;/option&gt;
     &lt;/select&gt; 
  &lt;/td&gt;
  
  &lt;td&gt;
   ...
  &lt;/td&gt;
  </code></pre>
  
  <p></p>
  
  <p>Currently, if I put it in this way, there are some extra space among the select field in the table cell. How to use CSS to style it so it end up with the select field(drop-down menu) occupy the entire cell without any extra space in the cell?</p>