CSS select with rounded corner and overlapping background color -

CSS select with rounded corner and overlapping background color -

i applying border radius on select element has background color. instead of next curvers of border, background color overlaps curves , appears in square box. can't figure out css property must utilize solve issue.

background-color: #ff0; border-radius: 24px; border: 4px solid #f09;

here jsfiddle: http://jsfiddle.net/jsgnr/

thanks help

my feeling is, work in every mutual browser, have rebuild select js ... unfortuneatly styling selects css divbox still not possible expect. in latest firefox code looks nice in browser, because firefox decided allow border overlap select, in latest opera border underneath select, because decided to.

you see on options , seek style them via css, not able , ugly

css background-color css3