the site in question:

http://cleanitvalet.com/test/index.html

problem: when visitor zooms in, "DIV 1" and "DIV 3" go out of position because they are "position absolute."

So I was thinking of having the entire page top just made in illustrator and have it as a .gif for top part BUT that won't work because I need "DIV 1" and "DIV2" and "DIV 3" as individual divs AND NOT a part of a .gif because I want these "DIV"s to implement a different jquery slideshow...

what do you think would be the best way to achieve that layout (DIVS #1 #2 #3 are all still divs waiting for slideshow content)...

i could even maybe have #page_word floated to left and #header floated to the right and repeat again for #navigation and #real_content underneath... there are so many different ways to do this my head is gonna explode trying to figure out best way...