CSS滑动门横向菜单栏

效果如下：
              
实现方法：利用一下两张图片：                
前台代码：
 <div id="nagivation">
            <ul >
                <li ><a href="mainbooks.aspx"><b>首页</b></a></li>
                <li ><a href ="bookstoretop.aspx?topid=1"><b>文学</b></a></li>
                <li ><a  href ="bookstoretop.aspx?topid=2"><b>小说</b></a></li>
                <li ><a  href ="bookstoretop.aspx?topid=3"><b>艺术</b></a></li>
                <li ><a  href ="bookstoretop.aspx?topid=4"><b>管理</b></a></li>
                <li ><a  href ="bookstoretop.aspx?topid=5"><b>考试</b></a></li>
                <li ><a  href ="bookstoretop.aspx?topid=6"><b>工具书</b></a></li>
                <li ><a href ="bookstoretop.aspx?topid=7"><b>科技</b></a></li>
            </ul>
   &