Есть меню, которое формируется динамически:

<ul class="left-menu">
    <li>
        <a href="#">Пункт №1</a>
    </li>
    <li>
        <a href="#" onclick="return false;">Пункт №2</a>
        <ul>
            <li>
                <a href="http:#">Подпункт 2.1</a>
            </li>
            <li>
                <a href="#">Подпункт 2.2</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#" onclick="return false;">Пункт №3</a>
        <ul>
            <li>
                <a href="#">Подпункт 3.1</a>
            </li>
            <li>
                <a href="#">Подпункт 3.2</a>
            </li>
            <li>
                <a href="#">Подпункт 3.3</a>
            </li>
        </ul>
    </li>
</ul>

Необходимо выделить первый элемент списка (Пункт №1) рамкой. Возможно-ли это сделать средствами css? и если да, то как?