problem with using <select> and <option>

[kasavien]

Hi was wondering if someonecould help with an issue i have on a website i'm creating. when i use select and option to create a drop down list, it creates the list fine and all the options are there but, the longest option is slightly osbscured so you can't see the end of the word. This only occurs in firefox, in explorer the lists are rendered correctly.

Is there any way to fix this other than specifically defining the length of the list box?

Thanks

Andy

[directhex]

if you don't explicitly define it, how wide exactly do you want the box to be?

[kasavien]

I like the drop down box to be as wide as the longest option it gives, at the moment it displays as slightly shorter than the longest option and this cuts the end of the word off. I can for the life of me see why though

[Raz316]

<style>
	select{
		padding: 0px 0px 0px 10px;
		font-family: verdana;
	}
</style>

<select>
<option value="weee">Weeeeeee asawe awe</option>
<option value="weee">Weeeeeee asawe awe</option>
<option value="weee">Weeeeeee asawe awe</option>
<option value="weee">Weeeeeee asawe awe</option>
<option value="weee">Weeeeeee asawe awe</option>
<option value="weee">Weeeeeee asawe awe</option>
</select>

Are you styling the font for the select? The above example adds some right side padding.

[kasavien]

thanks, i'll try that, don't think there's any padding in the style sheet i'm using