title: Float a span bottom right inside a div
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/311990/how-do-i-get-a-div-to-float-to-the-bottom-of-its-container">How do I get a div to float to the bottom of its container?</a>  </p>
  </blockquote>
  
  
  
  <p>I have this code to float a div to the bottom right side of a div.  But the span gets stuck to the upper left.</p>
  
  <pre><code>&lt;div id="color_tile" class="select_tile" title="Choose color" style="background: grey; background-image: url(wallpaper/201_color_picker.jpg);" &gt;    
    &lt;span id="color_picker" style="visibility: visible; display: block; float: right; vertical-align: bottom;"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a different way to place the span?</p>