[css-d] IE7 and IE6 Problem with Background-Image property using .png

[Timariane Thornewig]

A user just sent over this website for IE bugs that I am grateful to have 
shared with me. I fear that I am suffering from the Escaping Background bug in 
IE7 and and overall background problem in IE6 because I'm using a .png in my 
background.

Here's the link to the bug doc:
http://css-class.com/test/bugs/ie/escaping-background-image-bug1.htm

Here's how you can see the problem I'm experiencing in IE7:
enter http://ipinfo.info/netrenderer/index.php 
(this site is particularly helpful for me because I'm on a mac)

at that site in IE8, Render: http://www.ashelighting.com/architectural3.html

then Render the same architectural3.html link  in IE7

It appears that I'm having the escape-background-image bug happening.

Here's my body style:
body {
    margin: 0;
    background-image: url(images/background2.png);
    background-color: #220000;
    background-repeat: no-repeat;
    background-position: center;
    }

Background2.png is the two horizontal lines at the bottom of the page. 

My questions are:
1) Is there any way around this Background-Image Bug that I can use to keep my 
image in place for IE7?
2) If so, can you help me figure out why my footer (1 2 3 4 5 6) is also moving?
3) Is there any work around for using a .png in IE6 or earlier?
or... if all of those are thrown out the window
4) Can I implement code that will prompt users to download IE8 upon going to 
this site?



      
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/