Не совсем обычный список

[serbiant]

Доброго времени суток.

Учусь верстке с азов, хочу попросить помощи у более опытных пользователей.

Проблема не столь существенна, однако путь к знанию-понимание, чем, собсно, и руководствуюсь.

Суть.Есть PSD-файл, макет сайта времен 2008 года. Верстка, как я понимаю, несложного уровня, однако меня интересует одна вещь. Слева можно заметить меню ссылок, перед которыми стоит тире. Задача в том, как сделать так, чтобы тире "выползали" влево, а текст не выползал.

Я с моими,скажем так, небольшими знаниями пока вижу 2 решения - разбить текст в нужном месте с помощью  , или сделать список с list-style-position: outside и list-style-image:url(картинка с тире). Второй способ считаю некорректным, т.к. при этом возникает отступ между тире и началом текста ссылки, поэтому выполнил пока что первым. Просьба написать идеи для более корректного выхода из ситуации, причем также прошу не писать код, а лишь идею. Заранее спасибо.

[SelenIT]

Я бы сделал как-то так:

li { list-style: none; position: relative; }
li:before { content: '—'; position: absolute; left: -2em; }

[serbiant]

Я бы сделал как-то так:

li { list-style: none; position: relative; }
li:before { content: '—'; position: absolute; left: -2em; }

Спасибо! Вполне приемлемо, на мой взгляд