CSS Float Drop in IE8 but not Compatibility Mode

Question

I'm testing code for my home page across different browsers, and encountered the common IE float drop problem.  This does not occur in Firefox, Chrome, Opera, or IE8 in Compatibility Mode; but does occur in IE8 standard mode.  It's a bit confusing, since I usually encounter this problem in Compatibility Mode.
I have tried using clear:none; as I thought the content was clearing the float:left of a large flash image on the left side of the window, but it didn't solve the problem.  I have 3 image buttons whose combined heights equate that of the flash image (all 622px), and these are all in a column div floating to the right.  All of these are flush margin:0 and padding:0, border:none.  The flash image has it's own class stating margin:0, padding:0, border:none as well.  These divs are fixed pixel widths and heights.  I tried placing them in a larger container div with fixed width and height, which didn't solve the problem.  Again, this only occurs in IE8 Compatibility Mode.
This is the code below:
div id="container">                  
embed src="index.swf" allowscriptaccess="always" allowfullscreen="true" height="622" width="509" align="left" class="flashhome"> /embed>                     
div id="homecontright">           
  a href="services.html?panel=5">           
  img src="button1.gif" align="top" border="0" alt="b1" class="imageright"/> /a>                        
  a href="smt.html">          
   img src="button2.gif" align="top" border="0" alt="b2" class="imageright"/> /a>                       
   a href="jobs.html">          
   img src="button3" align="top" border="0" alt="b3" class="imageright"/> /a>        
/div>       
  div class="floatfix"> /div>             
   div id="foot" align="center">      
   contact info footer      
   /div>             
   /div>
Here is the style information from my separate stylesheet
#homecontright { margin:0; padding:0; border:none; width:493px; height:622px; overflow:visible; float:right; display:block; }
.imageright {margin-left: auto; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; display: block; float: right }
.flashhome { width:509px; height:622px; margin:0; padding:0; float:left; border:none; }
div#container { margin-left:auto; margin-right:auto; margin-bottom:0; width:1002px; background-color:#A8CBE9; }
div#foot {      background-color:#003366;      border-color:#a8cbe9;      border-width:thin;      border-style:solid;      font-size:10px;      width:996px;      padding:0.2em;      margin-left:auto;     margin-right:auto;      text-align:center;      font-family:Arial, Helvetica, sans-serif;      font-weight:bold;      color:#FFFFFF;      height:10px; }
.floatfix { clear:both; }
I've tried removing all the floats, even, especially the ones in the nested divs/class elements; but this didn't do a thing.  This leads me to wonder if this really is a float drop problem or am I missing something?
EDIT: I fail at posting code so I've removed the front bracket from all tags.  Also, added a diagram to show what it's supposed to look like and what is happening in IE 8 Compatibility.  The margins do not exist, they are there so you can see individual elements

Answer 1

I tried adjusting the images on the right -10px and had the same result.  Those images were actually created with margins within the image, so everything should be flush.
I noticed, however, that even in browsers where everything aligns correctly, there seems to be a 2-3px jog between the flash image and the buttons on the right.  That strange link to the bottom right of the flash image is still appearing as well, somehow having to do with the top banner image when right clicked.  I tried changing the URL of that banner and the link changed as well, confirming my suspicion that they're linked.  I attempted to contain that image in a fixed width div with no results.  This link does not appear in other browsers, nor does it appear on any other pages that I used that code on.
Code for my banner:
<...a href="index.html"><img src="index/accuweb_c3homebannerR1a.jpg" alt="banner" border="0" class="banner"/><.../a>