Why is one div displaying below a sidebar instead of to the side?

Question

I'm working on a site that has grid-16 to start with. I increased the grid size by a factor of 4/3, and have altered the markup. Adding float to either element does not appear to be doing anything.

The page is the homepage at http://ccachicago.pragmatometer.com/. I'm trying to get the main content area to display to the left of the sidebar, instead of having its top of the sidebar's bottom. I'm sorry not to provide singled-out HTML and CSS, but the page has a lot of inherited CSS, and I'm working on getting on top of it.

Answer 1

Get rid of the width: 1306px;

#main, #page-inner, #main-group {background-color: #fff; width: 1306px;}
#main, #page-inner, #main-group {background-color: #fff;}