Select Not Working In Firefox

[CutCompany]

Hello,

 

I have created a attribute for a product and I have made it a select menu.

 

It does work in the actual product page, but not in the quick view menu. I immediately started looking in the code, and something weird caught my eye.

 

The product page shows it correctly, like this example:

<div class="attribute_list">
  <div id="uniform_group_6">
    <span style="-moz-user-select: none;">currentAttribute</span>
      <select id="group_6">
        <option></option>
      </select>
    </span>
  </div>
</div>

Inside the quick view, it shows this:

<div class="attribute_list">
  <div id="uniform_group_6">
    <span style="-moz-user-select: none;">currentAttribute</span>
    <div id="uniform_group_6">
      <span style="-moz-user-select: none;">currentAttribute</span>
      <div id="uniform_group_6">
        <span style="-moz-user-select: none;">currentAttribute</span>
        <div id="uniform_group_6">
          <span style="-moz-user-select: none;">currentAttribute</span>
          <select id="group_6">
            <option></option>
          </select>
        </div>
      </div>
    </div>
  </div>
</div>

As you can see, it creates 4 divs with the same id. Because of this, you can't click on the select menu. It pushes the select element further and further down with every div, therefor you can't click the select.

 

Some extra information:

 

It does work in Google Chrome and even Internet explorer (yes indeed).

It does work in firefox when I force refresh (CTRL + F5), so it should be a cache problem.

 

If any further information is needed, just ask.

Thank you in advance