Internet explorer CSS FIX. Having trouble with floats in internet explorer

Question

I have a simple problem but have not figured out what might be solution just yet. I used a css reset to fix the issue with internet explorer, but no dice. I also do not want to use relative - absolute positioning. If you go to http://securitycamerasflorida.net via firefox, chrome, or safari it looks the way I wanted which content and sidebar is next to each other. They are both positioned with float but if you click on one of the cities you can see in IE that sidebar is pushed at the bottom of the page.

Answer 1

Maybe this can help you: About Conditional Comments

Answer 2

Try putting a right margin on your <div id="content"> and remove the left margin from your <div id="sidebar">

You can a wacky double margin in IE6 when you put a margin in the same direction you're floating.