Set CSS3 box-shadow not to be on top of div

Question

I have a div box with box-shadow set around it with the following CSS:

-moz-box-shadow: 1px 1px 15px #415a68;
-webkit-box-shadow: 1px 1px 15px #415a68;
-khtm         


        

Answer 1

div div
{
    box-shadow: 1px 1px 15px #415a68;   
    height: 100px;
    width: 100px;
}
div
{
    overflow: hidden;
    padding: 10px;
    padding-top: 0;
}

http://jsfiddle.net/5rbrB/ here's an example using overflow: hidden; and padding-top: 0;