Hide border if box-shadow supported
===

I have a div with a border and a box shadow:

    div.my-div
    {
        border: 1px solid #555;
        box-shadow: 0px 4px 35px rgba(0,0,0,0.5);
    }

The border is ugly, but it's necessary for browsers that do not support the shadow (the div's background is the same color as the surrounding elements).

How can I detect whether the browser supports box-shadow, and remove the box shadow? Perhaps with javascript?