IE Wrapper Display Issue

Hello,

I am having a problem with a client's site that I am sure is a CSS wrapper issue. It's happening in IE 7 for me - that is the version I have. It displays fine in Firefox, Opera & Netscape.

I would give the link but am not allowed as a new user so I will describe what is happening. When viewing with IE the header starts 1/2 way down the page and the top of the page displays only the body background. If you refresh a few times "most of the time" it will right itself.

Here is the CSS code I used:

body {
background: #240000 url(images/bg3.jpg) repeat-y center top;
margin: 0;
padding: 0;
color: #CC9933;
}
#Wrapper {
background:#240000 url(images/lbg.jpg) no-repeat scroll center top;
height:399px;
margin:0 auto;
width:100%;
}

Admittedly I do not use CSS in it's pure form. My pages are still table-based layouts and not entirely W3C compliant. I am doing my best to learn how to ditch the tables but in the meantime I still have sites to complete and old habits die hard. I only design as a sideline and for a niche market. So I don't mean to offend any of you who are doing it the right way.

This is the first time I have attempted a double background using the wrapper so any help is greatly appreciated.

Thank you so much for your time!

K

Post a link to the site like so:

www .yoursite. com/testpage.html