IE select box problems

[ZEUS__]

Hi everyone,
I have two problem with IE.
here are screenshots of my select menu.
first is on Firefox and perfect.there is no problem.

and here is on IE.
one is select box width and second is bacground color and select option font-size.


I couldn't find any solution both of these problems.
here is my selectors;

#cal .calnav a:link, #cal .calnav a:visited, #cal .calnav table, #cal .calnav td, #cal .calnav tr, #cal .calnav th, #cal .calnav input { font-size: 12px; }
/*add_input:focus*/
#cal input:focus, select:focus, textarea:focus {
background-color: #fff1f5; 
}
#cal .calnav select option {
font-size: 13px;
padding-top: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e4e4e4;
}/*select_box*/

no ones one how can I fix IE's css issue?I hate IE and it's css fix

[jscheuer1]

Form elements can't be styled like that in some browsers. For IE, possibly others, you may need a custom element, a select replacement. Here is one adventure in this concept:

http://old.easy-designs.net.whsites....les/final.html

another:

http://www.devarticles.com/c/a/Web-S...t-Combo-Boxes/

and one from the forums here:

http://www.dynamicdrive.com/forums/s...ad.php?t=18699

[molendijk]

Something like this, perhaps?
---
Arie Molendijk.