I know this question should be posted on a CSS3 Forum but I can’t seem to find one and thought DW users might have come across an answer.
When the corner radius of an AP Div is defined and an image is placed inside the APD, the rectangular corners of the image are not clipped by the APD box. The image corners actually stick out beyond the rounded corners. Is there a style property that hides the image corners or clips them? I’ve tried setting the overflow to Hidden without success.
It looks like you have created a test page to know what the problem
is. If this is the case, please post a link here to your test page so
that somebody can have a look with a fresh pair of eyes to advice you on
Thanks for your suggestion Murray.
This problem came up in the re-design of a Behavior called FileTabs, I wanted the user to experiment with tab rounded corners, drop shadows and linear blends during the design process.
As you know, the radius for each corner is determined by different pixel values for the horizontal and vertical axis. You can see that some of the tab design curves can get a little complex. This would make rounding the image a bit complicated.