Need help. I've made a site design in Photoshop. Sliced the picture into: header, controls, content, footer. Assembled them using DIVs and css classes. When viewing in chrome white gaps apper at the borders of the divs, especially when zooming in/out!! I tried adjusting margins, paddings, borders, but none of this worked. Here is my website link. Please help.
I'm not buildint my site in photoshop. I only need to slice my seamless bacground. By the way I solved the issue:
if you have any annoying lines between the slices of your background picture, make sure the number of pixels are nice and round (like 250,300 or 260, 270,280). Otherwise the browser gets crasy trying to scale it. And don't forget to use the Photoshop knife tool properly to gat a seamless backround, it can sometimes give some really annoying light lines of pixels on the borders of your sliced images.