title: Tab on hover mode while mouse over drop down menu
body: <p>How could I have the tab to be on hover mode while I rollover the drop down sub-menu.
  Does it require javascript or it could be done solely on CSS?</p>
  
  <pre><code> &lt;li id="anchor" class="title dropdown"&gt;&lt;a href="#"&gt;Main Tab&lt;/a&gt;
                  &lt;div class="column"&gt;                    
                      &lt;ul&gt;
                          &lt;li class="subtitle"&gt;Button 1&lt;/li&gt;
                          &lt;li class="subtitle"&gt;Button 2&lt;/li&gt;
                          &lt;li class="subtitle"&gt;Button 3&lt;/li&gt;
              &lt;/div&gt;        
          &lt;/li&gt;
  </code></pre>