Take a look at this in both chrome and firefox: http://jsbin.com/imuxe3
As you see, it renders fine in firefox, but chrome literally ignores the -webkit-border-radius CSS rule when adding a -webkit-box-shadow with inset mode.
Can some one explain/get a solution for this?
Thanks
It seems to be a bug in chrome. However you can use a workaround by defining a simple border: rule.
For more Details see this:
http://code.google.com/p/chromium/issues/detail?id=29427