Esta todo en un div, menú y submenús. Pero probablemente no esté bien estructurado. Te paso el html que me pides, por supuesto.
Código HTML:
Ver original<!-- START PORTFOLIO FILTERING -->
<div id="filters" class="sixteen columns">
<ul class="styled-list clearfix"> <li><a href="#" data-filter="*" class="active"><h3><?php _e('Todos', 'doblerol'); ?></h3></a></li>
<li><a href="#" data-filter=".term-votados"><h3><?php _e('+ Votados', 'doblerol'); ?></h3></a></li>
<li><a href="#" data-filter=".term-cortos-finalistas"><h3><?php _e('Cortos finalistas', 'doblerol'); ?></h3></a></li>
<li class="genre"><a><h3><?php _e('Géneros', 'doblerol'); ?></h3></a> <li><a href="#" data-filter=".term-absurdo"><h3>Absurdo
</h3></a></li> <li><a href="#" data-filter=".term-comedia"><h3>Comedia
</h3></a></li> <li><a href="#" data-filter=".term-absurdo"><h3>Absurdo
</h3></a></li> <li><a href="#" data-filter=".term-comedia"><h3>Comedia
</h3></a></li> <li><a href="#" data-filter=".term-absurdo"><h3>Absurdo
</h3></a></li> <li><a href="#" data-filter=".term-comedia"><h3>Comedia
</h3></a></li> <li><a href="#" data-filter=".term-comedia"><h3>Comedia
</h3></a></li> <li><a href="#" data-filter=".term-absurdo"><h3>Absurdo
</h3></a></li>
<li class="roles"><a><h3><?php _e('Roles', 'doblerol'); ?></h3></a> <li><a href="#" data-filter=".term-2personajes"><h3><?php _e('2 personajes', 'doblerol'); ?></h3></a></li> <li><a href="#" data-filter=".term-3personajes"><h3><?php _e('3 personajes', 'doblerol'); ?></h3></a></li> <li><a href="#" data-filter=".term-4personajes"><h3><?php _e('4 personajes', 'doblerol'); ?></h3></a></li>
</div><!-- END PORTFOLIO FILTERING -->