[ <select> multiple="multiple" not working in Firefox ]

This problem appears only in Firefox (I'm using the latest version 26.0), it works fine in IE and Chrome. <select> tag is not showing the values, but it works fine if I select any of the blanks, so I guess the problem is in presentation somewhere. I tried adding size attribute like suggested here, but it didn't work.

<select multiple="multiple" name="activity.teachers" >
    <option>Select</option>
    <c:forEach var="theTeacher" items="${teacherList}">
        <option value="${theTeacher.teacherId}" label="${theTeacher.title.titleDescription} ${theTeacher.firstName} ${theTeacher.lastName}" />
    </c:forEach>
</select>

It looks like this in Firefox:

And it's suppose to look like this (IE/Chrome):

Help?

Update: This is HTML page

<select multiple="multiple" name="activity.teachers" >
    <option>Select</option>     
    <option value="1" label="PhD Tom Hale" />       
    <option value="2" label="MSc Jane Briggs" />
    <option value="3" label="PhD Steve McClintock" />
</select>

Answer 1

The label attribute is not supported in FF. Change it to this:

<option value="${theTeacher.teacherId}">${theTeacher.title.titleDescription} ${theTeacher.firstName} ${theTeacher.lastName}</option>

Unfixed bug for this issue open since 2000

Answer 2

I've got a problem also that i've got specified "size=1" and in Chrome it works just fine. But in Firefox it in one line select box.. Simple change it to size="5" and it works.