Cross-browser issues with IE 6 & 7

[littlemoomin]

My site looks perfect in IE8, Firefox, Safari, Opera & Chrome but in IE 6 & 7 I get a 2px gap just below after my horizontal navigation buttons.

The other issue is with my sub-nav box which comes up on the about us page and a few other pages, the buttons suddenly have no top and bottom padding - i used line-height to create this but even when i add top and bottom padding the styling doesn't change on ie 6 & 7. the gaps between the boxes are also a lot bigger than they should be.

I would be so grateful if someone could take a look:

[Fang]

Change:h1 margin:0 auto;
// and#nav margin:10px auto;
The path for the IE css is incorrect.
Usually the IE css is loaded after all other css

[littlemoomin]

that worked! amazing thank you so much =) in terms of my ie stylesheet do i have to put the entire code in or just the bits with the changes i've made?

Cheers.

[Fang]

Just the changes required for IE

[littlemoomin]

you are a star!

[Fang]

Don't forget to place them after all other styles.