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.
http://img111.imageshack.us/img111/2717/79886442xa0.jpg
and here is on IE.
one is select box width and second is bacground color and select option font-size.

http://img329.imageshack.us/img329/3351/92346030fv6.jpg
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:mad:

[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.net/articles/replaceSelect/files/final.html

another:

http://www.devarticles.com/c/a/Web-Style-Sheets/An-Easy-Way-to-Build-Replacement-Combo-Boxes/

and one from the forums here:

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

[molendijk]

Something like this (http://www.dynamicdrive.com/forums/showthread.php?t=30603), perhaps?
---
Arie Molendijk.