title: Vertical Align on button wont work
body: <p>I want to create a menu that has buttons in it but for some reason the buttons dont get aligned at the buttom of the div. I have done this before the same way using tables and then it worked but now im trying without the tables and for some reason this does not work.</p>
  
  <p>my css:</p>
  
  <pre><code>body 
  {
      background: #bbb url(../images/Mywallpap.jpg) no-repeat;
      font-family: Sans-Serif;
      padding:0;
      margin: 0;
  }
  
  #Background
  {
      width: 750px;
      margin: 0 auto;
      background: #FEFEFE;
  }
  
  .Menu
  {
      height: 60px;
      vertical-align: bottom;
  }
  
  .Menu div
  {
      height : 30px;
      margin-left: 25px;
      padding: 0;
  
  }
  </code></pre>
  
  <p>My html:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="MyCss.css" type="text/css" rel="Stylesheet" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="Background"&gt;
      &lt;div class="Menu"&gt;
         &lt;div&gt;
         &lt;button&gt;Test&lt;/button&gt;
         &lt;/div&gt;
      &lt;/div&gt;
  
  
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>what am i missing here?</p>