Chrome/Safari HTML problem

[IntegrityWebDev]

I had originally posted this over on the MS list as I was coding in C#...however the issue does seem to be a problem/bug in Chrome and Safari, which I think use the same rendering engines. This problem does not happen in IE/FF.

Basically my code rendered out a ListBox with 3 items in it that can be multi-selected. THe problem is that Chrome and Safari seem to not be able to display a 3 row list box. THey show a 4 row box. So the 4th row shows as a blank but unclickable row. Here is the HTML code that gets outputted and used by my C# code:

<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> 

Any thoughts on how to make that 4th blank row go away?

Thanks!

[Fotiman]

This appears to be a webkit bug that is marked as "WONTFIX", with the claims that this is an intentional feature that improves usability:
[bugs.webkit.org...]

One possible fix is to set the height of the select element with CSS, but of course, this is dependent on font-size, line-height, padding, etc., of the contained elements.

[IntegrityWebDev]

Thanks for the info Fotiman. I appreciate it!

[penders]

Perhaps resort to checkboxes instead?