Take the 2-minute tour ×  I'm developing a new website and it
seems I'm missing something that should be obvious. I have a
centered wrapper div, with a left and right column inside it.
The right column is made up of three "main" divs (#mainTop #main
#mainBottom), all floated right. The left column is a smaller,
sidebar div (#sidebar) floated left.  If you look at the test
site: http://puresas.ebridgesites.com/ you'll see that the left
sidebar is clearing the right floated divs, and I can't figure
out why.  share|improve this question Does anyone have a
suggestion that doesn't require me to move the sidebar content
above the Main content? From the css, it seems it should work
fine, but it obviously doesn't. I'm looking for why it doesn't.
–  Ben Feb 25 '11 at 16:22 add comment  2 Answers  up vote 2
down vote accepted  You can fix it by moving #sideBar to before
#mainTop in your HTML.  Live Demo (Your assets are being loaded
thanks to <base href="http://puresas.ebridgesites.com/" />)
share|improve this answer