When I open this html file from my desktop, everything appears great. The flash banner appears at the very top of the page with very little top margin and the main elements of the page appear directly below it without getting covered up. Just by chance did I load it onto my website so I could show my father my progress and then I could see the mess. There is about a 1.25" margin of just white blank space above the flash banner. This happen in IE 6, IE 7, and Firefox 2.
I've tried a bunch of things but nothing seems to work. Here is a link to the test page:
http://www.thedomainreserve.com/test.html
I tried a bunch of things to isolate the issue by deleting all of the HTML and adding back bits and pieces. I'm not sure if this helps, but if I removed the following tags (below) after the flash embed code, it brought the flash back up to the top, however, the rest of the page content was still partially covered by the flash.
</td>
</tr>
<tr>
<td>
Of course this leaves some of the other table elements open-ended.
You can see the result of removing those tags here:
http://www.thedomainreserve.com/test2.html
Please keep in mind that when I run the test.html file on my desktop, it looks perfect. For some reason, when I upload it to my site, it gets all messed up. I figure I don't need to show the code here since the source code can be viewed from my site, but if you need it, please let me know and I'll add it here. Thanks.
UPDATE: I just tested removing all of the flash embed code and replaced it all with a simple JPG to see what would happen. Everything looks good. You can see the banner JPG at the top with a normal margin and the elements below appear fine without being covered by the banner. You can see the results at: http://www.thedomainreserve.com/test3.html
So it would appear that there's something going on with the HTML code used to embed the flash. I also tried the much simpler code (below) and had the same problem: http://www.thedomainreserve.com/test4.html
<object
type="application/x-shockwave-flash" data="flash/header_V8.swf?button=1"
width="780" height="369">
<param name="movie" value="flash/header_V8.swf?button=1" />
<param name="wmode" value="transparent">
</object>
Thanks to anyone who has any ideas.