Cross-browser issues with IE 6 & 7

alexandra

New Member
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
 
Hay use this ~
<!--[if ite IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie2.css" />
<![endif]-->

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 :)
 
Back
Top