• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Cross-browser issues with IE 6 & 7

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:

Blossom House School


Active Member
Hay use this ~
<!--[if ite IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie2.css" />

Then in thier just move it up or what ever changes you need, sorry don't have the right stuff to have alook at the mo but that rule above will effect ie versions 7,6,5,4,3 2,1 and leave 8 alone.

Let me know if that sorts it out.
Jaz :)