It looks like your problem is with IE7. I tested with IE7->10, FF, and Chrome and only 7 looked different.
How to fix? Sometimes browsers complain when your numbers add up to 100% or 50% if you are splitting your page in half. It appears that IE 7 is complaining the page is too tight and is pushing div table7 to the next line because it is too tight. So, I changed the 20% to 19% for #table7 CSS and it seems to fix the problem and look correct in the other browsers mentioned.
#table7 {
float: left;
width: 19%;
height: 48px;
}