How to add left , center and right background in menu item?

I am creating menu using css and have three background stripes ( left,开发者_开发知识库 center & right) to display. I can add only one background for 'li'. How can I add others?

Multiple background images are not supported in CSS 2. If you need to have separate background images, you'll have to add some additional markup for them. e.g.

Instead of:

<li>item</li>

You'll need

<li><span><span>item</span></span></li>

Ugly, I know. Your other option would be to combine the images.