title: Floating div with iframe
body: <p>I am attempting to float an iframe of some weather information on the bottom left hand corner of my site. I have the sizing and everything set together, but I am not too sure on what I am doing when it comes to floating it properly from within a div. I cannot seem to get the div and iframe to float nicely on the bottom left hand side of the site.</p>
  
  <p>After many google searches and searches on here as well, I have kinda glued the following together:</p>
  
  <pre><code>&lt;div style="position: absolute; bottom:3px; overflow: hidden; left: 0px; border: 0px none; width:270px; height:370px;"&gt;
  &lt;div style="overflow: hidden;"&gt;
  &lt;/div&gt;
  &lt;iframe src="http://weather.gc.ca/wxlink/wxlink.html?cityCode=on-162&amp;amp;lang=e" scrolling="no" style="height: 300px; border: 0px none; width: 165px; margin-bottom: 0px; margin-left: 24px;"&gt;
  &lt;/iframe&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>You can view what it is I am trying to accomplish here: <a href="http://www.soozoo.ca" rel="nofollow">http://www.soozoo.ca</a></p>