title: vertical-align bottom is not working
body: <p>I thought that I had done as some of the the examples here on stackoverflow. But it does not work for me! This should be such a simple thing to do. The html structure is set and cannot be changed. CSS is the way I have to go. I have tried Absolute and relative and it did not work with the other surrounding code.</p>
  
  <pre><code>&lt;div class="div_lnd_intro"&gt;
  &lt;div class="lnd_head"&gt;
  &lt;a class="lndtitle" href="/hantverkshuset/index.php/om-hantverkshuset/nyhetsarkiv/21-arets-foeretagare-2014"&gt;Här kan alla medlemmar i vår företagsorganisation nominera till Årets företagare 2014&lt;/a&gt;
  &lt;span class="lnd_introdate"&gt;22 augusti 2013&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="lnd_introtxt"&gt; Nu är det dags att nominera företag till “Årets företagare 2014”. &lt;/div&gt;
  &lt;/div&gt;
  
  .lnd_head {
      border: #C3C solid 1px !important;
      height: 59px !important;
  }
  
  .lnd_head a {
      vertical-align: bottom !important;
      height: 100% !important;
      display: table-cell !important;
      float: left !important;
      text-decoration: none !important;
      border: #F66 solid 1px !important;
      max-width: 75% !important;
  }
  
  span.lnd_introdate {
      vertical-align: bottom !important;
      height: 100% !important;
      display: table-cell !important;
      float: right !important;
      border: #099 solid 1px !important;
  }
  
  .lnd_introtxt {
      clear: both !important;
      float: left !important;
      padding: 0 !important;
      margin: 0 0 10px 0 !important;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/TheWizl/5WU2q/2/" rel="nofollow">http://jsfiddle.net/TheWizl/5WU2q/2/</a></p>
  
  <p>Thanks in advance</p>
  
  <p>/Magnus</p>