Adding CSS to adjust iFrame not working

Hi, I am trying to embed another webpage onto my website and used CSS to adjust the embedded window to display only a certain area but it does not seem to work. Here is what I am using. After I update the height and width it shows up fine on the editor but as soon as I click update the adjustments disappear.

<div id=”outerdiv”><iframe id=”inneriframe” src=”URL” scrolling=”no”></iframe></div>
<style><!–
#outerdiv
{
width:490px;
height:290px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-320px;
left:-400px;
width:1280px;
height:1200px;
}
–></style>