Why doesn't my <select> work in IE8?

Question

So I have a <select> element on my page, and it worked fine in all browsers until IE8 came along. I've seen all the literature about the IE7 compatibility view and how to use <meta> to force the browser into that mode. But the question still remains: why the heck does IE8 fail to display a simple <select> properly? Has anyone figured this out yet? Here are two URLs that demonstrate the problem. The first one displays properly in IE8, but only because I'm using the <meta> tag to force it into IE7 compatibility mode. The second one is identical to the first, except that I'm not forcing IE7 compatibility.

1. http://www.currensys.com/mhw.php
2. http://www.currensys.com/mhf.php

Anyone have any ideas?

Answer 1

Apparently, IE8 doesn't like one of your CSS styles.

SELECT { display: table }

Removing the above style displays the drop down list.

Update: more information from W3School, the value of "table" is not supported by IE.

Answer 2

You have a css property setting display: table on select elements. This seems to be the problem.