View Full Version : Select box arrow covering options

09-21-2006, 06:10 PM
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

09-21-2006, 06:56 PM
Are the options in the select boxes dynamic (do they change)? If not, give the select boxes ids and individual widths.

09-21-2006, 08:17 PM
yes, they are pulled from a database table