Центральное фоновое изображение ширины элемента заполнения

Question

У меня есть некоторые элементы td (.nav_item) в таблице. Также у меня есть один активный td с классом .nav_item и id #nav_item_active, у фона которого есть маленький белый треугольник внизу. Этот треугольник должен находиться в центре td, но он немного прав из-за правильного заполнения элемента. Могу ли я решить свою проблему с помощью css? Я хочу использовать padding-right: 30px; и центрировать изображение. Является ли это возможным?

LIVE DEMO

Answer 1

фона не влияет на обивке. Фон не центрируется, потому что текст установлен на text-align:left;.

Посмотрите здесь: http://jsfiddle.net/kU6fu/

Установите фоновое положение в center bottom, центральный текст и сохранить отступы даже на правой и левой сторон.