I am just finishing up a design for a client at http://www.crossstitchingart.com/shop/ and it looks good HERE ON OUR COMPUTERS IN IE9, Firefox, Chrome, and Opera but the customer is using IE9 and says the logo in the top left is not showing up and some items are blurred and the page shows it loaded with errors.. i'd appreciate any feedback from you with the browser you are using and if you see those problems. thanks.
I am getting the same thing with IE8. No logo and an error. My guess is that it has to due with the line with behavior:url. The file it references does not exist.
Still got that error... and I figured it out. It is not a problem with the code at all... but a problem with the image itself. The image was saved in CMYK mode instead of RGB.
Logo is still CMYK. You need to change the mode before you saving it. In Photoshop you will find it under Image ---> Mode and select RGB.
Logo is working now... but still getting an error message with IE. I think its the syntax of the IE conditional statement you have. I saved a local copy and edited that line a bit to stop the error message.
That must not be it... and I am out of ideas now. I would change the conditional tags back to <!--[if IE]> <![endif]--> and then work my way thru clearing up the errors found by entering the URL at validator.w3.org
Validation looks great... but the error remains. I was able to get rid of the error by removing the script at that line... plus the 2 scripts right after that. I tried one by one, but kept getting the error. Had to remove all 3 of those scripts (lines 29-80). I am thinking it could be something like an extra semi-colon... or could be referenced wrong from the other included libraries you have. I don't know enough about that stuff.
Absolute train wreck here in Opera 12... really though this is a new site? REALLY? If so why is it in transitional, which is to say the code is in transition from 1997 to 1998... why does it have tags in it that have ZERO business being used on sites built after ~2003ish (when NS4 was kicked to the curb) like CENTER, why do the heading orders make no sense at all, the comment placements (yes, I said comments) that could be tripping IE and FF rendering bugs, title attributes on elements that shouldn't have them, endless pointless DIV for no reason, lack of media targets for your CSS, endless pointless classes for no reason (here's a tip, if every element inside a parent is getting the same class, NONE of them need classes!)... Of course the dozen plus separate stylesheets (gotta love that 20 second download time just in handshaking delay) means I wouldn't even want to think about maintaining that. You've got 28k of markup for 1.5k of plaintext and a dozen content images -- that's quite easily three times the HTML that should be necessary for such a simple page -- bundled with outdated, outmoded or just plain bad site-building methodologies, it's not exactly a surprise it falls apart across different browsers, OS or platforms. My advice would be to throw that out and start over with SEMANTIC markup, separation of presentation from content, and reducing the number of separate files to the bare minimum -- realizing that just as George Carlin said "not every ejaculation deserves a name", not every element needs a DIV around it or multiple classes on them. ... and that's before talking about the accessibility issues like the undersized fixed metric (px) fonts, fixed width layout, serif fonts on screen media, etc, etc...