title: Bootstrap, making <td> a dropdown trigger
body: <p>I have this structure using bootstrap dropdowns:</p>
  
  <pre><code>&lt;div id="navigation" class="row-fluid"&gt;
    &lt;table class="basic" width="85%" border="0" cellspacing="0" cellpadding="0"&gt;
      &lt;tr&gt;
        &lt;td class="current" height="60%" align="center" valign="center"&gt;
          &lt;a href="&lt;? echo base_url(); ?&gt;"&gt;Home&lt;/a&gt;
        &lt;/td&gt;
        &lt;td class="" align="center" valign="center"&gt;
          &lt;div style="position: relative"&gt;
            &lt;a id="dropdown1" class="dropdown-toggle" data-toggle="dropdown"&gt;About Us&lt;/a&gt;
            &lt;ul class="dropdown-menu dropdown" role="menu" aria-labelledby="dropdown1"&gt;
               &lt;li&gt;&lt;a class="node" tabindex="-1" href="&lt;? echo base_url(); ?&gt;unique/"&gt;What makes us unique?&lt;/a&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a class="node" tabindex="-1" href="&lt;? echo base_url(); ?&gt;promise/"&gt;Our promise to you&lt;/a&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a class="node" tabindex="-1" href="&lt;? echo base_url(); ?&gt;mission/"&gt;Mission and Vision&lt;/a&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a class="node" tabindex="-1" href="&lt;? echo base_url(); ?&gt;customers/"&gt;What do our customers say?&lt;/a&gt;&lt;/li&gt;
               &lt;li&gt;&lt;a class="node" tabindex="-1" href="&lt;? echo base_url(); ?&gt;history/"&gt;Our History&lt;/a&gt;  &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and this is css:</p>
  
  <pre><code>#navigation .basic {
     height: 100%;
     margin: 0 auto;
  }
  </code></pre>
  
  <p>As I haven't managed to get td work as dropdown trigger (beccause of positioning), I created div and link inside.</p>
  
  <p>Because of align in table my link is shorter that td height, how could I make td open dropdown instead of  or make a height 100%?</p>
  
  <p>Setting link height to 100% doesn't work.</p>