font-size: 14px
width: 100%
height: 50px
background: url(/images/nav_bg.jpg) 0 0 repeat-x
position: relative
z-index: 1
}
.menu 样式增加position:relative + z-index:1 就可以了。 但是IE6下面如果遇到select的话，还是不能覆盖掉的。
PS：
http://runjs.cn/detail/4ltx6m7l
这个是国外友人写的一个比较经典的多级菜单的DEMO， 使用CSS：expression 创建iframe来遮挡select，解决了菜单不能覆盖select的问题。
其实他这个是美工做好的两张图片，上面白色半透明样式的一张，下面一块大的一张。如果需要他这种效果，一模一样的话，你可以把他的图片下载下来你用。而那种格子阴影效果是可以用css3实现，但是太麻烦，对于做项目而言，得不偿失。对于学习而言，你可以试着做出来，用css3的transform:rotate(90deg)，和内外阴影试试。上面半透明，可以用rgba的颜色模式，和ie兼容的实现，最下面再来一条灰白色的线就是那种玻璃效果。用css的:hover伪类。给你介绍下css的伪类。
a:link {} /* 未访问的链接 */
a:visited {} /* 已访问的链接 */
a:hover {}/* 当有鼠标悬停在链接上 */
a:active {} /* 被选择的链接 */
但是你说的img实现的不如用css的background来实现更容易些，不过你还需要准备这六块鼠标放在上面变灰的图片。当鼠标悬停在某张图片时，背景自动换成灰的。
