jaksmith

I’m sure there is a better way to do this but this is what I found

Add your image under the class:

#menu-item-(*).grand a{
background: url(images/arrow-right.png) no-repeat right center, -moz-linear-gradient(#252525, #0a0a0a); /* must use background element */
}

The problem with this is that it will add the image to the entire sub list that is under that navigation item
So we need to override that styling again with the original styling

#menu-item-(*).grand ul.sub-menu a{
background-image: -moz-linear-gradient(#252525, #0a0a0a);
}

*the number of the navigation item you want to display the image on

Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

BTW if you work properly there should be no problem editing the theme there was no reason to create a child theme.
If you mess up so badly you can always download the theme again

thanks for the response but anything I do is overridden by
#access ul ul a {
background-image: -moz-linear-gradient(#C5E4FF, #8DCAFF);
background-image: -o-linear-gradient(#C5E4FF, #8DCAFF);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C5E4FF), to(#8DCAFF)); /* older webkit syntax */
background-image: -webkit-linear-gradient(#C5E4FF, #8DCAFF);
}
If I was not clear I’d like to have different images next to different items on the navigation like an arrow to show that there is a dropdown or a video image next to the link to the video page

If I turn the above lines off I can see the image in its proper place but when background-image is on in access ul ul a it overrides my private class

OK now I’m set up with a child theme

but I have the exact same problem I don’t see how this will help me, unless this just so i wont mess up the original theme

you can it is not a problem