Need help with object/iframe challenge (resolved)

Hi all,

Could someone take a look at my page in IE 6 or 7 and tell me how I can correct this issue? I am loading preconfigured html pages into the main copy, in a

Since the source page is too wide, I wanted to place it in an IFrame, but realized I wanted to future proof a bit and use an instead.

But either way, the page looks ok (scroll bars and all) in FF and Safari on both Mac and Windows, but I just can’t seem to make it look right in IE 6 or 7 (haven’t even bothered trying in IE8 )

The issue is that the object (and the previously installed frame when I did that) only occupies about 60% of the width of my page, making it look awkward to the user.

Any thoughts on how I can implement these pages within my template and make them look ok in IE?

Here is the page, just click through to a tidal calendar (May 09 is the largest with 6 rows)
http://www.hrmweather.com/wxtide.php

and here is the code I am using:

<div id="main-copy">
	<h2>Tidal Prediction Tables</h2>
<div style="width:640; height:700; overflow:auto;">
    <object data="http://www.hrmweather.com/Tides/index.html" type="text/html" width="740" height="580"> 
    </object> 
</div>
</div><!-- end main-copy -->

Many thanks
Jmar

Thanks for reading anyway lol.

Got it all fixed up myself with a javascript pop up window as it turns out the html pages generated were just too wide to be placed in an object or iframe.

Works great and passed validator.