Правильная верстка верхнего меню

Сейчас меню создается с помощью огромного количества табличек, спанов и прочего шлака, я так думаю

<div class="frame-frame-menu-main">
<div class="frame-menu-main">
<div class="nav menu-main center not-js">
<table>
<tbody>
<tr>
<td>
<div class="frame-item-menu">
<div>
<a href="/shop/category/video" class="title">
<span class="helper">
</span>
<span class="title-text">Видео</span>
</a>
</div>
<ul>
<li class="hasSub">
<a href="/shop/category/video/dvd">
<span class="helper"></span>
<span>DVD</span>
</a>
    <div>
        <ul>

Почему нельзя реализовать выпадающее меню простой конструкцией?

<ul>
    <li><a href="#">Компьютерная техника</a>
        <ul>
            <li><a href="#">Компьютеры</a></li>
                <ul>
                    <li><a href="#">Компьютеры</a></li>
                    <li><a href="#">Ноутбуки</a></li>
                    <li><a href="#">Планшеты</a></li>
                </ul>
            <li><a href="#">Ноутбуки</a></li>
            <li><a href="#">Планшеты</a></li>
        </ul>
    </li>
</ul>