I'm currently using Wordpress version 3.1.2 and Atahualpa 3.6.4

I've been fighting getting my web site to display properly across all browsers and thanks to the forums I thought it was fixed. I now find that the web site is completely screwy on Safari and Chrome. Is there something that I am doing wrong? It looks perfect in IE and Firefox.

In Safari and Chrome there is a huge gap on top before the content shows. Once you scroll down to where you can see the content it overlaps the background image.

I'm pretty new to CSS and have been learning a lot through w3schools.com. Before starting this project I only knew a smattering of HTML so it could very well just be me

The web site is http://copperswife.com

The big gap has to do with your background image. Where did you put the code for that. It should go in ATO>Body, Text, & Links per the example.

That's where I originally had it but there were some display issues when it was there as well, so I moved it to ATO> HTML/CSS Inserts> HTML Inserts body top and used this code
<img src="<?php bloginfo('wpurl'); ?>/wp-content/images/background.gif" id="bg" />

Then inserted this text in the CSS insert
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#wrapper {
position:relative;
z-index:1;
}

I should have mentioned that when I did move it it fixed all display issues except for Safari and Chrome