This is an issue with exporting jpg’s from Photoshop CS2/CS3. Even though viewing the jpg alone in a picture viewer did not show any horizontal lines when used as a background-image on a site it showed horizontal lines every 10-20 pixels repeatedly. The even stranger thing is this is only visible in firefox. You cant see the lines in IE6,IE7, Safari,Chrome!
I had to re-save the jpg in fireworks to fix the problem. Without a doubt the strangest bug I have ever encoutered.
When I design a website I build and test using Firefox using Firebug. I have found that getting it right in Firefox is better than getting it working in IE7 then trying to iron out he differences. Once I am happy in Firefox I thne make some tweaks to get it rendering in Safari, IE7 and Opera.
Finally, I use conditional comments for IE6. The main issue with debugging for IE6 is that if you have IE7 then microsoft dont want you to have IE6 there too. This is where Multiple IE comes in very handy.
Whenever I start a new project any useful code is inherited to the following project. There are lots of browsers around that all behave differently so I use this code to ease the pain. Here are a few I wouldn’t leave out of any future project.
The theme of this design comes from the name Kleck which translates as inkblot in Swiss and was also the nickname of the chap who invented inkblots and their use in psychological testing.
His name was Hermann Rorshach. I used Tracey Hall's Text to Inkblot Generator to create my inkblot logo using the word "kleck"...
