Question

I’m currently working on a website, and the display appears correctly on Chrome, but Firefox doesn’t render everything in the correct positioning (IE actually gets closer than FF does). Can anyone help?

http://www.camberandconcave.com/sample.html

Thanks!

Edit: the code on the site displays on Chrome with hr’s separating the three different sections of the page. On FF, the hr tags display in the top right corner of the page, rather than in the correct locations.

Answer 1

Add clear: both; to your hr style in your css.

The problem is that some of your divs are floating left but the ones containing the hr’s aren’t (I don’t think you need the <hr />s to be contained in those divs anyway).