CSS background issues

Hi all:

This is the first website I've done by hand. I'm not sure what info you will need to help me - if you would be so kind. It works great, as far as I know, in the most popular browsers, except IE6.

In IE6, my main text area background image gets shoved way down to the lower right and two big strips of the background colors run across the top and left parts of that area, obscuring my text. It looks exactly like this when I open the files in Dreamweaver. I'm inexperienced enough to think it was a glitch in display. But it's a very real problem. Ugh.

I'm left scratching my head, and am lost.

I would be eternally grateful if someone can help me out. Just please let me know what files/code I need to upload, and I will do so ASAP.

Thank you! Site in question is:

www.gloriahopkins.com

Gloria

 

You'll be glad to know everything looks good on www.gloriahopkins.com in IE7; sorry can't check on IE6.

Nice art by the way

 

Thank you! I appreciate it very much.

 

You need to look at your page in other than 1024×768. Anything much larger or smaller, and the page breaks due to the use of {background-attachment: fixed;}. From #main-text, remove

    { background-attachment: fixed;
      background-position: 185px 120px;
    }

Code (markup):

cheers,

gary

 

Thank you very much Gary! That appears to have done the trick!
I appreciate your timely response!