Две фоновых картинки

[brainiac]

Добрый вечер, Гугу веб-дизайна!

Вот, не знаю, как быть… В процессе создания меню для сайта столкнулся с траблом.

Меню представляет собой список — <ul>. Для тега <a> прописано фоновое изображение (уголок, прибитый к левому нижнему углу). Нужен точно такой же уголок в правом нижнем. Пробовал использовать вложенный <div> — всё рушится. Подскажите, как сделать?

#menu {
	background-color:#34618e;
	text-align:center;
	height:25px;
	margin-top:10px;
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 20px;
}
#menu ul, #menu li {
	display:inline;
	margin:0;
	padding:0;
}
#menu a {
	padding:20px 25px 20px 25px;
	background-color:#507caa;
	background-image:url(../img/menu-l-b.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #f5f5f5;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	text-decoration:none;
	text-shadow: #000 1px 1px 2px;
}

[psywalker]

Один угол вешаешь на LI, другой на А

[brainiac]

Один угол вешаешь на LI, другой на А

Дописал в стилях:

#menu li {
	background-image: url(../img/r-b.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

Думал, может что-то перекрывает изображение… Поставил яркую 500х500 картинку — не видно её.

[psywalker]

http://psywalker.ru/Forum/Menu/10/menu/main-page.html