How to fill a table cell with a select box

This is an example of how to make a select strech vertically to fill the whole parent cell.

The folowing requirements needs to be filled:

• The select needs to have a size of at least 2
• We need to be in quirks mode (no doctype or transitional with no URL)

The * html hack is used to make IE6 but not IE7 get a set height. Without the height the box the select disappears altogether. The padding is there to remove the strange gap below the select.

Read the article