Как CSS-поле для выбора, чтобы оно занимало всю ячейку моей таблицы?

Question

У меня есть поле выбора (раскрывающееся меню) в столбце таблицы:

<tr>
 <td> 
   <select id="status" name="status">
      <option value="started">started</option> 
      <option value="ongoing" selected="selected">ongoing</option> 
      <option value="denied">denied</option>
   </select> 
</td>

<td>
 ...
</td>

В настоящее время, если я скажу это так, в поле выбора в ячейке таблицы есть дополнительное пространство. Как использовать CSS для стилизации, чтобы оно в конечном итоге с полем выбора (раскрывающееся меню) занимало всю ячейку без дополнительного места в ячейке?

Answer 1

ты пробовал это?

#status {
  width: 100%;
}

Answer 2

Предположим, вы говорите только о ширине, а не о высоте:

Live Demo

CSS:

#status {
    width: 100%
}

HTML:

<table>
    <tr>
        <td width="200" style="background:#ccc">
            <select id="status" name="status">
                <option value="started">started</option>
                <option value="ongoing" selected="selected">ongoing</option>
                <option value="denied">denied</option>
            </select>
        </td>
    </tr>
</table>