Listbox rows not working in Safari/Chrome

[IntegrityWebDev]

I have the following code:

<label for="user">Please describe your production needs:</label>
  <asp:ListBox ID="lbprodsequences" runat="server" Rows="3">
   <asp:ListItem>Need Background Music</asp:ListItem>
   <asp:ListItem>Need Opening, Closing Sequence</asp:ListItem>
   <asp:ListItem>Need Contact Info Slides</asp:ListItem></asp:ListBox>

In IE and FF this code renders out 3 row listbox.

In Chrome and Safari this box is too tall and comes out looking like a 4 row box with the last row blank (although you cannot select it).

Any thoughts on a fix for this?

[mattglet]

Can you paste the HTML that gets outputted for the ListBox?

[marcel]

When I test it I get the following HTML:

<label for="user">Please describe your production needs:</label>
<select size="3" name="lbprodsequences" id="lbprodsequences">
<option value="Need Background Music">Need Background Music</option>
<option value="Need Opening, Closing Sequence">Need Opening, Closing Sequence</option>
<option value="Need Contact Info Slides">Need Contact Info Slides</option>
</select>

I can reproduce the problem, but unfortunately I do not have a solution for you. It looks like Safari and Chrome always show a minimum of four rows, if you add a fourth option and set size="4" it works fine.

Maybe the HTML forum [webmasterworld.com] could help you out better.

[IntegrityWebDev]

Thanks guys, I will check over there on the HTML forum.