Drop drown menu doesn't work in IE

[garyed]

I have a web page that works fine in every browser I've tried except IE.

There are a bunch of them so I need them to be small to keep the look of the page but when you click on the drop down arrow

I need it to open up wide enough to read the complete text.

It works O.K. in Firefox, Opera, Safari & SeaMonkey but not in IE.

In IE it only opens up to the same 30px width that it starts out at on the page.

Here's my code:

<select name="shade_gdr_s" style="width:30px;"  onchange="darken();">
      <option value="yes"  style="width:220px;">Use overhang shading</option>
      <option value="no"  >Do not use overhang shading </option>
      <option value="one"  >Use shading for type 1 only</option>  
</select> 

 

Any ideas?

[cssfreakie]

Did you read the sticky? got a reset.css?

 

If so, do you have a link to your website, this little snippet is not enough

[garyed]

I didn't see the sticky but I don't know how to use css yet.

My website in progress is:

 

http://www/loadcalc.net

 

Each choice sends you to the next page & the fourth & final page is where I'm having the main problem.

[garyed]

Sorry about the misprint, I didn't see any place to edit the url:

 

http://www.loadcalc.net/load.php

 

If you click on the little drop down arrows next to the places that say "Windows" that's where the problem is.

Every browser except IE will show the full text in the drop down menu after you click on it. IE only opens up the drop down menu as big as it shows on the initial screen so the text is unreadable.