dijit.form.ComboBox renders incorrectly in IE 7 mode of IE 8

[saj14saj]

dijit.form.ComboBox renders with a blank line next to the dropdown icon, and then the current value on a second line below, all inside the major outline in IE 7 mode of IE 8. (I assume it does this in actual IE 7 as well).

This rendering is visually incorrect:

[saj14saj]

Screenshot comparing FF vs IE 7 mode rendering

[mark007]

Seems to be a duplicate of mine ​http://trac.dojotoolkit.org/ticket/11992

Bill wasn't able to reproduce even though I can reproduce on 3 different machines, very same issue as you.

[saj14saj]

Additional information:

This rendering bug only happens in QUIRKS mode. When a doctype triggers standards mode, rendering is good.

Rendering problems in quirks mode can also be seen in the theme test page.

[bill]

I tried loading themeTesterQuirk.html on IE8 with the IE7-compat mode button depressed, it loads fine for me. Maybe Doug can reproduce.

[Douglas Hays]

Please append a testcase. themeTester and the fs.html from #11992 work for me. This problem is easy to recreate with bad CSS. Starting in Dojo 1.5, the arrow icon is an INPUT as well. Note even in the attached Firefox screenshot that the arrow is cut-off. This means that the font-size or padding of that INPUT is different than that of the main INPUT. Most likely some custom user-defined CSS will need to be tweaked to either include all INPUT tags within the widget template or else the special dijit class dijitInputField, depending on the actual user-defined CSS.