Question

I’m using the newest version of Chrome and I simply cannot get the box shadow to display properly on my div when I use rounded corners..it looks like it’s cut off or something, please see the screenshot below:

You can see the test site at http://chronologic.ath.cx/Gardner/

Thanks,

slashp

Answer 1

Your CSS reset contains an overflow: hidden style which is causing your div.container to clip the shadow. You should just remove it, because I don’t see anything in the selector that’s worth applying such an overflow to:

html,
div,
span,
head,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
font,
img,
small,
strong,
ol,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    overflow: hidden;
}