اريد كود css لجعل ناف بارفوق الاقسام مثل هذا

        .glossymenu {
            background: url("http://i48.servimg.com/u/f48/11/58/90/14/45210.jpg") repeat-x scroll 0 0 transparent;
            height: 25px;
            list-style: none outside none;
            margin: 0 auto;
            padding: 0 0 0 34px;
            position: relative;
            text-align: center;
            text-transform: uppercase;
        border-radius: 8px 8px 8px 8px;
     
        }
        .glossymenu li {
            float: left;
        }
        .glossymenu li a {
            color: #000000;
            cursor: pointer;
            display: block;
            float: left;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 12px;
            font-weight: 700;
            height: 26px;
            line-height: 26px;
            padding: 0 0 0 16px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
        }
        .glossymenu li a b {
            float: left;
            padding: 0 24px 0 8px;
            text-align: center;
            text-transform: uppercase;
        }
        .glossymenu li a:hover, .glossymenu li.current a {
            background-position: left center;
            color: #ff0000;
            text-align: center;
            text-transform: uppercase;
        }
        .glossymenu li a:hover b, .glossymenu li.current a b {
            background: url("http://i24.servimg.com/u/f24/13/64/63/15/12311.png") repeat scroll 0 0 transparent;
            border: 1px solid #874b4b;
            border-radius: 10px 10px 10px 10px;
            color: #ff0000;
        }
     

            .glossymenu {
                background: url("http://i48.servimg.com/u/f48/11/58/90/14/45210.jpg") repeat-x scroll 0 0 transparent;
                height: 25px;
                list-style: none outside none;
                margin: 0 auto;
                padding: 0 0 0 34px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
       
            }
            .glossymenu li {
                float: left;
            }
            .glossymenu li a {
                color: #000000;
                cursor: pointer;
                display: block;
                float: left;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 12px;
                font-weight: 700;
                height: 26px;
                line-height: 26px;
                padding: 0 0 0 16px;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
            }
            .glossymenu li a b {
                float: left;
                padding: 0 24px 0 8px;
                text-align: center;
                text-transform: uppercase;
            }
            .glossymenu li a:hover, .glossymenu li.current a {
                background-position: left center;
                color: #ff0000;
                text-align: center;
                text-transform: uppercase;
            }
            .glossymenu li a:hover b, .glossymenu li.current a b {
                background: url("http://i24.servimg.com/u/f24/13/64/63/15/12311.png") repeat scroll 0 0 transparent;
                border: 1px solid #874b4b;
                border-radius: 10px 10px 10px 10px;
                color: #ff0000;
            }