IE div issue (I think!)

Hi,

When viewing this website in IE (in compatibility view), the bottom half of the bulletin board gets cut off. Image from the top is missing as well … (on the little gray strip below the navigation) https://nageela.einfal.com/

I’m guessing it’s because of the containing div:

.board { float: right; background: url(img/board.png); margin-top: 40px; margin-bottom: -240px; width: 272px; height: 363px; }

However, they want the board going down into the footer, so I’m not sure of how I can fix it and achieve that as well.

WordPress so challenges me! Lol

Thank you ~