I am working on a template style website that uses html and css. I'm not completely proficient with css, but the site seems to work in Firefox and Internet Explorer 7, but it does not display correctly in IE6.

Each of the 4 pages of the following site displays the right column incorrectly in IE6. If you happen to check it out, it should be fairly simple to see the problem. I just don't have enough experience to understand what I should do different to make this site work in ie6 and ie7.

http://www.rideforreading.org

Please help out a css challenged designer, is it just a div problem? CSS problem? I'm lost!!
Thank you

It may be IE itself, but first, make your site valid and then try again, that could be why. IE though is broken and we all wish someone would beat M$ into submission and make them have a browser that worked right.

What you're getting is classic float drop, usually not too hard to fix.

Your right column is being shoved out to 300px. I think part of the problem is the improper <li> inside a <p> - you can't do that, it's not proper HTML. Fix that and see what happens. You should also avoid putting padding and margins on a floated div.

The display:inline on the left column should go into a separate CSS file with JUST that in it for IE6 and you should use conditional comments to call that separate css file.