How to Create a Box Shadow?

I'm trying to create a s开发者_运维问答hadow under the lower nav bar on this site. But the CSS below doesn't seem to be working.

Any ideas?

Thanks,

Tara

#catmenucontainer {
    height:25px;
    background:#333333;
    display:block;
    padding:0px 0 0px 0px;
    font: 18px helvetica, sans-serif, Arial;
    font-weight:normal;
    border-bottom:1px solid #000;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}

Here is an example of your code without the offending elements: Menu with css3 shadow

shadow it's working. it's just that div#casing is covering it.

#catmenucontainer {
    position: relative;
    z-index:2
}
#casing {
    position: relative;
    z-index:1
}

Your CSS is fine and I can confirm it works. Try this and tinker with it until you get it where you want it:

-moz-box-shadow: 0 0 5px red;
-webkit-box-shadow: 0 0 5px red;
box-shadow: 0 0 5px red;