Why won't this select open up?

Question

I have a very simple select drop down. In Chrome, it doesn't drop down. The code itself works fine, and the drop down works in Safari, but for some reason it won't open in Chrome. Here is the HTML:

<select name="pellet_credit" class="item_discount">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

It should be pretty simple. It's a dropdown... Here's a screenshot of the select, selected, but not open:

--- edit ---

This is a jsfiddle with the full source included. The dropdown works for me in the jsfiddle view, but not on the actual site.

http://jsfiddle.net/HSYvf/

--- edit ---

Other drop downs on the page work fine.

Answer 1

Validate your HTML to make sure there aren't extraneous closing/end tags. Make sure you aren't hiding the options through CSS as well.

Answer 2

I think you should set a value for your options

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

you can read more here