padding is not working in Safari and IE in select list

Question

Does any one know why my Safari is not taking padding in select lists? It's working fine in FF please tell me what to do. is there any issue with the doctype? code: ``` ``` I'm using the following doctype; ``` ```

Accepted Answer

Even though the W3 spec doesn't disallow padding in select boxes, for whatever reason webkit browsers (Safari, Chrome) don't support it. Instead, you can remove the `padding-left` and use `text-indent` instead, adding the same amount to your select box `width`.

From your example in your comment:

```
<select id="sexID" name="user[sex]" 
        style="border:1px solid #C1272D;
               width:258px; // 243 + 15px
               text-indent:15px;
               height:25px;
               color:#808080;">
```

padding is not working in Safari and IE in select list

Solution

Problem