title: Is there a way to place content in bottom of a div using only one div?
body: <p>My css is this:</p>
  
  <pre><code>.stage{
      width:960px;
      background-image:url('stage.png');
      background-position:bottom;
      background-repeat:repeat-x;
      min-height:400px;
      float:left;
      text-align:center;
  }
  </code></pre>
  
  <p>This places the background image of the bottom of the div, and the content is centered. 
  But I cant figure out how to place the content in the bottom of the div.</p>
  
  <p>The width is fixed, the height should expand if the content is higher than the div, but if the content is shorter, it should be placed in the bottom.</p>
  
  <p>I have seen a few examples with at least 3 different divs to accomplish this, but <strong>is there a way of doing this with only one div in css?</strong> I don't want to place a div in the bottom of another div, all content inside the div should be in align to the bottom.</p>
  
  <p>I wish it could be as simple as <code>text-align:bottom;</code></p>