title: Positioning some buttons on the top and bottom of a big div
body: <p>I have these elements:</p>
  
  <pre><code>&lt;div id="button1"&gt;&lt;/div&gt;
  &lt;div id="button2"&gt;&lt;/div&gt;
  &lt;div id="big"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>...which need to be displayed like this:</p>
  
  <pre><code>|------------------|  |---------|
  |                  |  | button1 |
  |                  |  |---------|
  |                  |
  |       big        |
  |                  |
  |                  |  |---------|
  |                  |  | button2 |
  |------------------|  |---------|
  </code></pre>
  
  <p>What is the cleanest way using CSS to make the buttons align to the top and bottom of the big <code>div</code>? I want to be able to resize the big <code>div</code>. Also, the space between the big <code>div</code> and the buttons is a constant in pixels.</p>
  
  <p>It's OK to add a wrapper element, but I'd prefer if I didn't have to. Anyway, I wouldn't know how to do it with the wrapper element either :(</p>