html - while put padding in selectbox and use font-family segoe it cuts the text only in chrome -

hello guys. have problem using font-family:segoe. have select dropdown , in select while apply padding in css cuts text bottom side see below images

this in mozilla:

this looking in chrome:

you can see difference in both images how can fix please me , check fiddle http://jsfiddle.net/sarfarazdesigner/gqqdu/

or check code:

html

<select name="select" id="select" class="selinpt">     <option value="promotional/marketing">promotional/marketing</option>     <option value="tips , alert">tips , alert</option>     <option value="information registered users">information registered users</option>     <option value="varification process">verification process</option>     <option value="important notice">important notice</option>     <option value="api integration">api integration</option>     <option value="other">other</option> </select> 

css

.selinpt {     color: #858585;     height: 30px;     padding: 5px 10px;     width: 404px;     -webkit-box-sizing: border-box; /* safari/chrome, other webkit */     -moz-box-sizing: border-box;    /* firefox, other gecko */     box-sizing: border-box;         /* opera/ie 8+ */ } body, input, textarea, select {     color: #333333;     font-family: "segoe ui","segoe ui web regular","segoe ui symbol","helvetica neue","bbalpha sans","s60 sans",arial,"sans-serif";     font-size: 14px; } 

please me. stuck in kind of appreciated :-)

.selinpt {     color: #858585;     height: 30px;     /*padding: 5px 10px;*/     margin:5px 10px;     width: 404px;     -webkit-box-sizing: border-box; /* safari/chrome, other webkit */     -moz-box-sizing: border-box;    /* firefox, other gecko */     box-sizing: border-box;         /* opera/ie 8+ */ } 

change padding margin, above, tested in ie, firefox , chrome.