Displaying differently in IE and Firefox - help!

[rede]

Hi there

There are a couple of things displaying differently on my webpage when viewed in IE or Firefox.


The two differences are:

- The navigation tabs are too high in Firefox, and just where I want them in IE.

- The gap between the main content box and the footer is too large in Firefox, and just how I want it in IE.

I have tried loads of things to try and remedy this, but with no luck! I would greatly appreciate it if someone could throw some light on this.



Many thanks! Rachael

[alexjewell]

You could try IE conditional statements...

http://msdn2.microsoft.com/en-us/library/ms537512.aspx

You can wrap them around a IE-only stylesheet that overrides the normal css - which works for firefox.

[rede]

Hi Alex

Thank you for replying to my post. I actually solved the problem by inserting a div inbetween the top container and the navigation container, and when I deleted the div, the problem seemed to rectify itself. I have no idea why, but it is working perfect in both IE and firefox. I had a fiddle around with the info on the link you sent me too. I think I've got to grips with it, but judt have a question:

I could get the down-level revealed working when I wrapped the instructions around HTML, but not when I wrapped them around CSS. Do I need to wrap it around the WHOLE style sheet, or just the specific CSS instruction (such as margin-bottom: 0.3em)? I'm a little confused.

Thanks again