Iframe dengan Posisi Top dan Left Tertentu

HTML :

<div id="container">
<div id="outerdiv">     
    <iframe id="innerdiv" width="500" height="560" src="http://cnn.com" scrolling="no" frameborder="0"></iframe>
</div>
</div>

CSS :

#container { width:900px; height:800px; margin:auto; }

#outerdiv {
width:446px;
height:246px;
overflow:hidden;
position:relative;
}
#innerdiv {
position:absolute;
top:-412px;
left:-318px;
width:1280px;
height:1200px;
}



Sumber