¿navbar con fondo repetido a la derecha?

[CBeneyto]

Cierto pzin, te te dejo el código css del menu.
Vuelvo a comentar que el fondo que tiene que multiplicarse (repeat-x) hacia la derecha es el div <div class="fondo-menu-principal-index"> al menos eso creo.

El código .HTML correcto es el siguiente:

Código HTML:

<div class="fondo-menu-principal-index">
            <div class="container menu-principal-index">
                
                <a href="#"><div class="logo-menu"></div></a>
                
                <div class="masthead">
                    <ul class="nav nav-pills fondo-menu pull-right">    
                <li class="menu-nl active"><div class="fondo-inicio-div"></div><a href="#" class="menu-nl-prim">woocommerce</a></li>
                <li class="menu-nl"><a href="#">wordpress</a></li>
                <li class="menu-nl"><a href="#">design</a></li>
                <li class="menu-nl"><a href="#">seo</a></li>
                <li class="menu-nl"><a href="#">contact</a></li>
                <li class="menu-nl"><a href="#">about</a></li>
                <li class="menu-nl"><a href="#">contact</a></li>
                <li class="menu-nl"><a href="#">about</a></li>
            </ul>
                </div>
            
            </div>
        </div>
 

y el CSS.

Código CSS:

.fondo-inicio-div {
    background-image: url('../img/menu/borde-inicio-menu.png');
    background-repeat: no-repeat;
    background-size: 28px 76px;
    height: 76px;
    margin-left: -28px;
    margin-top: -14px;
}
 
.nav-pills {
    margin-top: -47px;
    height: 61px;
    font-family: 'Crete Round', serif;
    font-weight: 400;
    font-size: 0.938em;
}
 
.menu-nl {
    padding-top: 14px;
    background-image: url('../img/menu/fondo-menu.png');
    background-size: 10px 76px;
    height: 62px;
}
 
.menu-nl-prim {
    margin-top: -60px !important;   
}
 
.nav-pills a {
    color: #FFFFFF;
}
 

De nuevo... 1000 gracias!