Плавающий div с iframe

Question

Я пытаюсь поплавать iframe некоторой информации о погоде в нижнем левом углу моего сайта. У меня есть размер и все вместе, но я не слишком уверен в том, что я делаю, когда дело доходит до правильного его плавания из div. Кажется, я не могу заставить div и iframe хорошо плавать на нижней левой стороне сайта.

После многих поисков Google и поиска на здесь, а я своего рода приклеены следующие вместе:

<div style="position: absolute; bottom:3px; overflow: hidden; left: 0px; border: 0px none; width:270px; height:370px;"> 
<div style="overflow: hidden;"> 
</div> 
<iframe src="http://weather.gc.ca/wxlink/wxlink.html?cityCode=on-162&amp;lang=e" scrolling="no" style="height: 300px; border: 0px none; width: 165px; margin-bottom: 0px; margin-left: 24px;"> 
</iframe> 
</div> 
</div> 

Вы можете посмотреть, что это я пытаюсь сделать здесь: http://www.soozoo.ca

Answer 1

попробовать это

http://jsfiddle.net/MqEhF/

HTML

<div style="left: 0px; border: 0px none; height: 370px; position: fixed; width: 270px; overflow: hidden; bottom: -67px;"> 
    <div style="overflow: hidden;"> 
    </div> 
    <iframe src="http://weather.gc.ca/wxlink/wxlink.html?cityCode=on-162&amp;lang=e" scrolling="no" style="height: 300px; border: 0px none; width: 165px; margin-bottom: 0px; margin-left: 24px;"> 
    </iframe> 
    </div> 
    </div> 

Answer 2

Сделать положение div «фиксированным».

Надеюсь, что работает !!!