title: Three level CSS menu with first layer in horizontal layout
body: <p>What I'm after is to have the top level <code>ul li</code>s laid out horizontally, and then subsequent levels laid out vertically, preferably indented slightly as levels go down, under their parent <code>li</code>. </p>
  
  <p>Not after any hover functionality, just a nice layout, something like this: </p>
  
  <pre><code>Top Item 1       Top Item 2      Top Item 3
   sub item 1       sub item 1      sub item 1
   sub item 2       sub item 2      sub item 2
    sub sub item 1  sub item 3      sub item 3
    sub sub item 2  sub item 4      sub item 4
   sub item 5       sub item 5      sub item 5
  </code></pre>