Unwanted space around SWF inserts

Question

This seems pretty easy but I can't find the problem. I am updating older sites and re-inserting swf animations. On every site the header wraps around to a second row when I insert the swf. I have a link to an example page below. These older sites were built with nesting table and I am rebuilding them with div tags. I have checked the margins and padding, that all adds up, but the browser IE keeps wrapping the images. What am I missing?
http://www.hoggysmarket.com/storeWindham.html

Answer 1

I see what you mean in Chrome, Safari and Firefox.  It appears that you are trying to measure it out just exactly and because of that, the browser does not see enough space, thus you end up with your current result.  I would recommend getting rid of the table and doing the following:
<div id="logobar"><div class="float_right">insert flash code here</div></div>....[goes on to menu bar code]
Then combine, img_3629, header_logo, and header_info into one image and do the following with your CSS:
#logobar {
background: url(path/to/new_logo_banner.ext) #FFF left top no-repat;
.float_right {
float: right;
That will align your swf file on the right, and put the background images as one image as the background of that header.  Should give you the result you want and eliminates the table from your header.