Сделать целым <li> нажатием кнопки <a>внутри без javascript

Есть ли способ?

У меня есть <ul> с некоторыми <li> элементами внутри. Это часть выпадающего меню. Каждый <li> становится полем размером самого большого элемента <li> в группе (тот, у которого больше текста внутри него).

Проблема заключается в том, что я хочу, чтобы люди могли щелкнуть где-нибудь внутри каждого окна <li> и иметь ссылку, а не только текст. Я хотел бы, если бы не решение javascript.

Вот пример HTML. Внутренние элементы <li> - это те, у которых есть ссылки.

<li class="parent Glass" style=" float: left;">

Glass
    <ul class="child" style="float: left; position: absolute; z-index: 999; display: none;">
    <li style=" float: left;">
                <a href="#" onclick="location.href='http://example.com/path/to/somehwere.html?glass=25'; return false;">Brown       (13)</a>

    </li>
    <li style=" float: left;">
                <a href="#" onclick="location.href='http://example.com/path/to/somehwere.html?glass=112'; return false;">Crystal       (93)</a>

    </li>
    <li style=" float: left;">
                <a href="#" onclick="location.href='http://example.com/path/to/somehwere.html?glass=99'; return false;">Gray       (1)</a>

    </li>
    <li style=" float: left;">
                <a href="#" onclick="location.href='http://example.com/path/to/somehwere.html?glass=42'; return false;">Latte       (12)</a>

    </li>
    <li style=" float: left;">
                <a href="#" onclick="location.href='http://example.com/path/to/somehwere.html?glass=72'; return false;">White       (15)</a>

    </li>
    </ul>

</li>

Ответ 1