Div has moved down after placing another div

I have a facebook tab and a twitter tab on the sides of the window on the website I've coded, but in Internet Explorer they have made a big gap in between then navigat开发者_如何学运维ion and the (soon to be) shoutbox, here it a link:

Link

In IE8, I was able to remove the gap by moving the following code:

<DIV class=facebooktab><A href="http://www.facebook.com/">
<DIV class=facebook></DIV></A></DIV>
<DIV class=twittertab><A href="http://www.twitter.com/">
<DIV class=twitter></DIV></A></DIV>

from the DIV with the class header to the DIV with the class BODY. When those tabs are in the Header DIV, it was increasing the height of the header, thus pushing the body down further.