views:

267

answers:

0

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:
alt text

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.

related questions