Select box arrow covering options

[spyke01]

I have several select boxes on my site, but the arrow covers part of the selected options. I can't do a width because it may be too large or too small, i can't really do min-widht because its not supported in all browsers(AFAIK). I thought that the width was automatic, but i might have been wrong

heres the css for my inputs:

input, select, textarea {
  	background: url("images/input_bg.gif");
	border: 1px #ccc solid;
	padding: 4px;
}

input button {
  	margin: 23px;
}

input select {
  	margin: 0px;
  	padding: 0px;
}

any ideas from this? if you need to see the page, i can do up a basic page with a select box in it with all my css sheets attached

[BonRouge]

Are the options in the select boxes dynamic (do they change)? If not, give the select boxes ids and individual widths.

[spyke01]

yes, they are pulled from a database table