css 如何实现导航border-bottom 有阴影的感觉

<style>

.mydao

{
    background-image:url(/Images/mydaobg.png);//此处的图片非常关键，是1px的带有透明效果的图片
    width: 100%;
    height: 50px;
    background-position:left bottom;
    background-repeat:repeat-x;//横向重复此图片
    background-color:White;//此处是为了避免一级导航和二级导航之间透其他图片的颜色

}

</style>

<div class="mydao"></div>