I'm a mostly backend developer who is struggling with some placement and style issues in a page I'm making.

The main issue is a div on the index page that is intended to fill out the middle column and also take up the space below the left column - class="twoarcs" . The top left column is the nav bar.

You can take a look at it here:

Beverly Hills/Greater Los Angeles Association of Realtors®

My problem is that if you look at it in IE, the .twoarcs div drop below the wrapper div, even though they fit perfectly in Firefox.

I'm not very experienced in cross-browser issues. Can anyone duggest what I can do to fix it in IE without messing it up in FF???