swf object and div layer

I have a flash movie main.swf which plays an flv file. This will be fullscreen..however initially when you come to the html page containing it...it should only show a portion of the flash file..I am using div layers to accomplish this...however the flash movie dimensions seem to be set to 100% height and width of the div tag instead of the browser width and height..how can I make the swf 100% ehight/width of the browser and not the div tag it is within? The code is as follows:

PHP Code:

---

<script type="text/javascript" src="swfobject.js"></script><style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#flashcontent {
    position:absolute;
    overflow:hidden;
    left:190px;
    top:328px;
    width:267px;
    height:164px;
}
-->
</style>


<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>

<script type="text/javascript">
   var so = new SWFObject("main.swf", "mymovie", "100%", "100%", "8", "#336699");
   so.write("flashcontent");
</script> 


---

Any help is much appreciated...cheers

Im not sure Im following.. :)

but in the CSS:

#flashcontent {
position:absolute;
overflow:hidden;
left:190px;
top:328px;
width:267px;
height:164px;
}

or.. maybe resize the div container dynamically?

cant you make the flashcontent 100%

cheers whispers..dont worry about it..our javascript guy ended up sorting it out :) ... css not my cup of tea lol