Rounded corners are snipped off when I have an input with type="search". When I use type="text", they look great.

```
#q { padding: 8px; outline: none; width: 282px; border: 1px solid #ccc; border-radius: 5px; }

<input type="search" id="q" placeholder="search..." />

```

Live here: <http://jsbin.com/ilipiw/4/edit>

Screenshot:

![](https://i.imgur.com/uXxVQ.png)

I'm using the latest version of Chrome.