IE ignoring padding on DIV?

I have the website working correctly in Firefox, but IE as always is giving me trouble.

The nav bar and breadcrumb divs are at the top of the page, rather than further down like in FF. I’m guessing IE is ignoring my padding? Am I not floating something right?

I’ve been changing up things here and there to figure it out but am stumped. Please help.
thank you so much for any advice.

http://rvahoophouse.org

Hi Welcome to Sitepoint :slight_smile:

The first problem is the xml declaration that will trip quirks mode in iE6 so remove it.

There should be nothing above a doctype or iE6 goes into quirks mode.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

The main problem can be cured by removing the float from the nav.


div#nav {width: 945px;[B]float:none[/B]}

(If you added that float to contain child floats then use another clearing method such as the clearfix which you already have in the css.)

Thank you so much! Removing the float worked.
I still have minor alignment issues in IE to resolve that are not in FF but I’m so happy to have the nav close to where it should be. :slight_smile:
And thanks for the tip about the Doctype.
Much appreciated!