I am having a problem to use both inset box shadow and border radius. This works well with mozzila but with chrome -webkit-box-shadow extends the shadow outside the division. Here is the link to the website: www.rohanjain.in, the corners are rounded for mozzila but i have not enabled border-radius for webkit because of this bug.
I am varying the color of the page as per users like, hence cannot define a single color for -webkit-box-shadow inset so that the overblow color may be the background itself.
Here is a snapshot of a corner with webkit border enabled for webkit:
This is a pretty talked about bug and there are some suggested workarounds like one at http://stackoverflow.com/questions/2937731/box-shadow-and-border-radius-bug-in-chrome.
But none of these work in my case. Is this fixable in anyway? I really dont want to use any images.