Background in Scrollbox - IE7 changed CSS effects Options

[Jen001]

Before, I had a code which worked for both Firefox & Internet Explorer, which was a hard thing to do in its own - Since one needed a code another cannot handle, I found out that the command "!important" was a nice solution

you'll see what I mean by this code:

CODE

</---===Movie List===--->
<div style="width: 250; height: 350; background-color:transparent; background-image:url(http://i21.photobucket.com/albums/b295/Scriber02/Myspace/Movie-1.jpg); background-position:center; background-attachment:scroll !important;  background-attachment: fixed;  background-repeat:no-repeat; font-family: times new roman; font-size: 14px; color: BBBBBB; font-weight: normal; font-style: normal; text-align: left; border-width: 2px; border-style: inset; border-color: 111111; overflow: auto; padding: 5px;">Ace Ventura<br>
After the Sunset<br>
Air Force One<br>
Austin Powers<br>
Boondock Saints<br>
Constantine<br>
Charles Angels<br>
The Da Vinci Code<br>
The Devil's Advocate<br>
The Fifth Element<br>
Fight Club<br>
Ghostbusters<br>
Gladiator<br>
The Godfather<br>
Harry Potter<br>
Hitch<br>
Ice Age<br>
Indiana Jone<br>
Insomnia<br>
The Italian Job<br>
James Bond<br>
Jack<br>
Jumanji<br>
Jurassic Park<br>
Kill Bill<br>
King Kong (2005)<br>
The Last Samurai<br>
The League of Extraordinary Gentlemen<br>
Lord of the Rings<br>
Matrix<br>
Men in Black<br>
Miss Congeniality<br>
Mission Impossible<br>
Mr. & Mrs. Smith<br>
Mrs. Doubtfire<br>
The Mummy<br>
My Big Fat Greek Wedding<br>
National Treasure<br>
Ocean's Eleven<br>
The Passion of Christ<br>
Pirates of the Carribbean<br>
The Ring<br>
Rush Hour<br>
S1m0ne<br>
Scent of a Woman<br>
Shrek<br>
Star Wars<br>
Terminator<br>
Titanic<br>
Troy<br>
X-men<br></div>
</---===End===--->

It worked perfectly for both browsers, until IE7 hit. Then the background wouldn't even appear anymore. I suspect(through trial & error) its an issue with the "background-attachment: fixed" coding. Is there anyway to resolve this?
Any help would be really appreaciated

[celebritease]

try this? i`m not sure it`s going to work though i don`t have IE7 .

CODE

<div id="scroll3" style="width: 250; height: 350; background-color:transparent; background-image:url(http://i21.photobucket.com/albums/b295/Scriber02/Myspace/Movie-1.jpg); background-position:center; background-attachment:scroll !important;  background-attachment: fixed;  background-repeat:no-repeat; font-family: times new roman; font-size: 14px; color: BBBBBB; font-weight: normal; font-style: normal; text-align: left; border-width: 2px; border-style: inset; border-color: 111111; overflow: auto; padding: 5px;">Ace Ventura<br>
After the Sunset<br>
Air Force One<br>
Austin Powers<br>
Boondock Saints<br>
Constantine<br>
Charles Angels<br>
The Da Vinci Code<br>
The Devil's Advocate<br>
The Fifth Element<br>
Fight Club<br>
Ghostbusters<br>
Gladiator<br>
The Godfather<br>
Harry Potter<br>
Hitch<br>
Ice Age<br>
Indiana Jone<br>
Insomnia<br>
The Italian Job<br>
James Bond<br>
Jack<br>
Jumanji<br>
Jurassic Park<br>
Kill Bill<br>
King Kong (2005)<br>
The Last Samurai<br>
The League of Extraordinary Gentlemen<br>
Lord of the Rings<br>
Matrix<br>
Men in Black<br>
Miss Congeniality<br>
Mission Impossible<br>
Mr. & Mrs. Smith<br>
Mrs. Doubtfire<br>
The Mummy<br>
My Big Fat Greek Wedding<br>
National Treasure<br>
Ocean's Eleven<br>
The Passion of Christ<br>
Pirates of the Carribbean<br>
The Ring<br>
Rush Hour<br>
S1m0ne<br>
Scent of a Woman<br>
Shrek<br>
Star Wars<br>
Terminator<br>
Titanic<br>
Troy<br>
X-men<br></div>

[Jen001]

no, it didn't work

thanks for trying though



would anyone else be able to figure it out?

[freeflow]

Are you trying to make the background in the box "scroll" or are you trying to make a scrollbox have a background?

I don't have IE so I might not be able to help, but I'm just trying to see if I can.

[Jen001]

I'm trying to make a scrollbox have a background

if you test that code in mozilla firefox or internet explorer 6, it should work perfectly. But for some reason, IE7 has a problem with it

[freeflow]

I don't have IE but its worth a try. Does this work:

CODE

<div class="movies" style="width: 250px; height: 350px; background-color:transparent; background-image:url(http://i21.photobucket.com/albums/b295/Scriber02/Myspace/Movie-1.jpg); background-position:center; background-attachment: fixed;  background-repeat:no-repeat; font-family: times new roman; font-size: 14px; color: BBBBBB; font-weight: normal; font-style: normal; text-align: left; border-width: 2px; border-style: inset; border-color: 111111; overflow: auto; padding: 5px;">Ace Ventura<br>
After the Sunset<br>
Air Force One<br>
Austin Powers<br>
Boondock Saints<br>
Constantine<br>
Charles Angels<br>
The Da Vinci Code<br>
The Devil's Advocate<br>
The Fifth Element<br>
Fight Club<br>
Ghostbusters<br>
Gladiator<br>
The Godfather<br>
Harry Potter<br>
Hitch<br>
Ice Age<br>
Indiana Jone<br>
Insomnia<br>
The Italian Job<br>
James Bond<br>
Jack<br>
Jumanji<br>
Jurassic Park<br>
Kill Bill<br>
King Kong (2005)<br>
The Last Samurai<br>
The League of Extraordinary Gentlemen<br>
Lord of the Rings<br>
Matrix<br>
Men in Black<br>
Miss Congeniality<br>
Mission Impossible<br>
Mr. & Mrs. Smith<br>
Mrs. Doubtfire<br>
The Mummy<br>
My Big Fat Greek Wedding<br>
National Treasure<br>
Ocean's Eleven<br>
The Passion of Christ<br>
Pirates of the Carribbean<br>
The Ring<br>
Rush Hour<br>
S1m0ne<br>
Scent of a Woman<br>
Shrek<br>
Star Wars<br>
Terminator<br>
Titanic<br>
Troy<br>
X-men<br></div>