Set option height

[vlg789]

I am applying a style (as below) to a select box, and I want the select box height to be the same as my input boxes, how can do this ?

option
{
height:25px;
width:150px;
padding:7px 0 0 45px;
background-repeat:no-repeat;
}

I am aware that select renders as a GUI control, and therefore is very unreliable to style. I'm not interested in cross-browser code.

PS: if matters I want to make a country with flags drop down without jscript.

[jennyj]

what css is applied to your input boxes?
what css is applied to the <select> tag
what doctype are you using?
what browser are you targeting (and why not make it cross-browser)?

[vlg789]

option
{
height:25px;
}


did the trick

[alt131]

Hi vlg789,

Pleased you have a solution - and a big welcome to WebmasterWorld :)