Separatori menu li

[renato95]

Salve non riesco ad eliminare il primo separatore delle sezioni del menu come posso risolvere vi posto il codice:
Il sito è questo http://www.risatabastarda.it/ i separatori sono quelli grigi sul menu giallo


.menu-secondary-container {
height: 38px;
z-index: 300;
background: url(http://www.risatabastarda.it/privata/sfondomenu.jpg)left top repeat-x;
margin-left:-4px;
margin-right:-4px;
border-radius: 10px;
-moz-border-radius: 10px; /* firefox */
-webkit-border-radius: 10px; /* safari, chrome */




}

.menu-secondary {}

.menu-secondary ul {
min-width: 160px;
}

/* First Level - Menu Secondary */
.menu-secondary li {
float:left;
position: relative;
padding: 1px 2px 0px 0px;
background: url(http://www.risatabastarda.it/wp-cont...arginemenu.png) no-repeat;
}


.menu-secondary li a {
color: #464545;
padding: 13px 15px 12px 15px;
text-decoration: none;
font-family: 'Oswald', sans-serif;
font-size: 13px;
text-transform: uppercase;
font-weight: normal;
text-shadow: 0 1px 0 #FFFFFF;

}

.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
color: #FFFFFF;
background: url(images/menu-secondary-bg.png) left -138px repeat-x;
outline: 0;
text-shadow: none;
}

/* Child Levels - Menu Secondary */

.menu-secondary li li a {
color: #fff;
background: #10A3F1;
padding: 10px 15px;
text-transform: none;
margin: 0;
font-weight: normal;
text-shadow: none;
}

.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus,
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
color: #fff;
background: #36B9FF;
outline: 0;
text-shadow: none;
}

/* Arrows - Menu Secondary */

.menu-secondary a.sf-with-ul {
padding-right: 26px;
min-width: 1px;
}
.menu-secondary .sf-sub-indicator {
position: absolute;
display: block;
overflow: hidden;
right: 0;
top: 0;
padding: 12px 13px 0 0;
}

.menu-secondary li li .sf-sub-indicator {

padding: 9px 13px 0 0;
}

/* Shadows - Menu Secondary */

.wrap-menu-secondary .sf-shadow ul {
background: url('images/menu-secondary-shadow.png') no-repeat bottom right;
}

[Nobody33]

menu-secondary li{
background: url(http://www.risatabastarda.it/wp-con...marginemenu.png) no-repeat right 0;
}

Nel background, quando posizioni l'immagine di sfondo, essa viene impostato con l'asse x e l'asse y; ovvero, scrivendo "right" (come nel codice sopra) posizioni la riga a destra invece che a sinistra .

Altrimenti puoi dare al primo li un id con

background:none;