Add padding to select input in chrome?

The select input element for categories in my site http://www.kbay.in , has a padding like so:

开发者_C百科

padding:5px;

The padding works fine in Firefox, but in chrome only adds the top and right padding, and it looks kind of awkward, how can I fix this?

---

Your select element has (for some reason) a CSS property as follows:

padding-bottom: 0 !important;

You need to remove the !important otherwise it will not allow it to be overriden.