..Top 1....Top 2....Top 3....Top 4.... 
...........Drop 1............Drop 1... 
...........Drop 2............Drop 2... 
...........Drop 3..................... 
......................................

...Side 1.... 
...Side 2.... 
.....Sub 1... 
.....Sub 2... 
...Side 3.... 
...Side 4.... 
.............

You get the idea.

Anyway, the markup seems a little bloated, DIV/UL/LI/A. And they're using Javascript for the dropdown menus, and it's not very well written as it keeps throwing hover errors at me!

Firstly, I was wondering how you guys did your menus? For a sidebar I've previously used just DIV/A..A..A etc, for a top menu I'll be honest, I'm still a fan of using tables for horizontal layout, mainly cos you can get things to bold without pushing the next element over, but is TABLE/TR/TD so different from DIV/UL/LI? ;)

Secondly can someone please give me a clear example of a PureCSS dropdown? I've looked on the web but so many examples have got hacks all over them for IE6 and below and the code really isn't well structured enough to follow without spending days on it.

Thanks in advance!