Меню взято из демонстрационных примеров и нормально работает (здесь), но странное свойство - центрироваться не хочет!

Я и в DIV обертывал с margin:auto, и задавал text-align: center для списка - бесполезно! Инспектор кода Хрома причину вообще не показывает...

Можете посмотреть, что там такое и как всю эту конструкцию можно отцентрировать?

<div>
<ul class="cssmenu2">
    <li><a href="#">Уровень 1 п 1</a></li>
    <li><a href="#">Уровень 1 п 2</a>
    <ul>
        <li><a href="#">Уровень 2 п 1</a></li>
        <li><a href="#">Уровень 2 п 2</a>
        <ul>
            <li><a href="#">Уровень 3 п 1</a></li>
            <li><a href="#">Уровень 3 п 2</a>
            <ul>
                <li><a href="#">Уровень 4 п 1</a></li>
                <li><a href="#">Уровень 4 п 2</a>
                <ul>
                    <li><a href="http://weblikbez.net/">Уровень 5 п 1</a></li>
                    <li><a href="#">Уровень 5 п 2</a></li>
                    <li><a href="#">Уровень 5 п 3</a></li>
                </ul>
                </li>
                <li><a href="#">Уровень 4 п 3</a></li>
            </ul>
            </li>
            <li><a href="#">Уровень 3 п 3</a></li>
        </ul>
        </li>
        <li><a href="#">Уровень 2 п 3</a></li>
    </ul>
    </li>
    <li><a href="#">Уровень 1 п 3</a></li>
</ul>
</div>