[veraxo]

Прошу помочь в небольшой задаче.
В файле ok.png отображено, как должно быть, а в файле error.png как есть сейчас. Мне надо прицепить задний хвостик.
Долго мучался - не получилось сделать. Прошу подсказать. Код меню такой:

<div class="menubg">
        <div id="menu2">
            <ul>
                <li class="current"><a href="">
                        <span class="title">Главная</span>
                        <span class="text">Основная</span>
                    </a>
                    
                </li>
                <li><a href="">
                        <span class="title">Каталог</span>
                        <span class="text">Продукция</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">О компании</span>
                        <span class="text">Информация</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Новости</span>
                        <span class="text">Все самое новое</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Контакты</span>
                        <span class="text">Связь с нами</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Доставка</span>
                        <span class="text">Способ получения</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Оплата</span>
                        <span class="text">Способ оплаты</span>
                    </a>
                </li>
            </ul>
        </div>

И CSS:

#menu2 ul li.current a { background:url(../img/menu-left.png) no-repeat 0 0; color:#FFFFFF; padding:15px 15px 20px 15px; margin-top:-4px; }
#menu2 ul {
    list-style:none;
	font:12px Tahoma;
    line-height: 1.2em;
    border-left:none;
    clear:both;
}
#menu2 ul li{
    float:left;
}
#menu2 ul li a{
    display:block;
    text-decoration:none;
    padding:11px 15px 20px 15px;
    color:#1e1e1e;
}
#menu2 ul li a span{
    display:block;
    text-align:left;
    
}
#menu2 ul li a span.title{
}
#menu2 ul li a span.text{
    font:10px Tahoma;
	color:#575757;
}
#menu2 ul li.current a span.text { color:#aeaeae; }

[UDAV]

В css только же menu-left.png а правой стороны нет.
Или тебе надо подсказать куда правую сторону запихнуть?
<span class="leftm"></span>
<span class="title">Доставка</span>
<span class="text">Способ получения</span>
<span class="rightm"></span>
не?)

[veraxo]

Ну идея верная. Ну есть у меня правильная сторона, но как это в css оформить, чтобы никуда не съезжало?