Page showing up differently in FF and IE

[wolfgang]

The index page on www.scmc.co.nz displays for me perfectly on FF (latest version) and it *used to* on IE (latest version), but after I installed Vista Service Pack 2 yesterday the index is screwing up - the background behind the buttons at the top of the page is on there twice for some reason.

- if I click "Compatibility View" in IE then it displays it correctly.

This is a little beyond my current level of expertise, can someone tell me what part of the code is causing it to screw up on IE and not FF, and how to fix it?

Any help would be appreciated.

[djwilson]

As far as I know its just Microsofts IE, I have the same issues with latest IE on vista on various sites and have to select 'compatibility view' to view how they should.

[djwilson]

And even better if you own a legal vista you can get windows 7 for free from Microsoft

[wolfgang]

That might be great for you and I, but not so great for people who are accessing the site...

[GDSweb.ca]

can you take a screen shot so I can see exactly what you are experiencing....

[wolfgang]

Thanks - here's the screwed-up way that the new IE displays the page :

http://i134.photobucket.com/albums/q...gnz/screen.jpg

[GDSweb.ca]

OK, so I had a look at your site and I have found your problem.....

Your website will not pass xHTML Validation (http://validator.w3.org).

Now, this is a big problem when you render the website in different browsers.
By making sure your mark-up is valid with the W3C validation service, you are making sure browsers can view the website as you intended (or you hope).

Your Validation Results:

xHTML = 119 Errors, 1 warning(s)

CSS = Valid Mark-up!

If you are unsure as to the way you should fix your validation errors you can use a program called HTML Tidy (http://www.freewebsitetemplates.com/...0&postcount=16). After you fix your validation warnings, if you are still having the problem, post back and I will try to help you fix it. (But this should work!)

Kris.

[wolfgang]

Ran it through HTML Fix and found the problem -

Warning: missing </a> before <div>

Changed an <a> to </a> and it works fine.

Thanks!

[GDSweb.ca]

No problem....Just remember, whenever you make changes to your website that effect your structure you should check to see if all your tags are closed.