Hola amigos como estan , bueno estoy creando una web y en ella tengo un pequeño problema con un menu spry pues le he puesto una imagen de fondo(background) pero al momento de publicarlo los menus que tienen submenus y estan con la flechita no aparece la imagen de fondo haber para que me entiendan mejor este es el codigo que he puesto:

ul.MenuBarHorizontal li
{
margin: 1;
padding: 1;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 100px;
float: left;
background-image: url(file:///D|/web/arv/18.jpg);
left: 50;
}
y este codigo tambien

ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: black;
text-decoration: none;
border: 0.4px solid #000;
border-left: 0.4px solid #000;
border-right: 0.5px solid #000;
background-image: url(file:///D|/web/arv/18.jpg);
}

pero sigue igual, haber nose por mas que he tratado de modificarlos no logro solucionar el problema, espero puedan ayudarme, gracias.