CSS Background Alignment Issues in IE

[samparrett]

Hi guys,

I'm having a lil problem with IE (surprise) in aligning my CSS background. I'm designing a myspace page, the tester which you can see here:

http://www.myspace.com/samparretttest

Everything aligns fine in Firefox, Chrome, Safari etc (surprise again), but in IE the background starts aligning itself to the right. I'm pretty sure it's the background playing up and not the div overlays because if I set the CSS code to 'background-attachment: fixed;' rather than 'background-attachment: scroll;' then it aligns perfectly in IE (however the background needs to scroll with the layout).

Anyway here's the code for the background part, I've excluded the div overlays for now:



<style>
body {
background-color: 000000;
}
</style>
<style>
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-image:url(http://i705.photobucket.com/albums/ww56/jadedesignuk/The%20Bleeding%20Process/background-1.jpg);

background-attachment: scroll;
background-position:top;
background-repeat:no-repeat;

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:none;
border-width:0px;
background-color:black;
}

.mygen { Text Properties }
table, tr, td, li, p, div { font-family:Century Gothic; color:acacac; font-size:12px; }
a:active, a:visited, a:link { color:acacac; }

</style>


Any ideas why it moves out of alignment when it's set to scroll? Any help would be really appreciated as I can't figure this one out :(

Thanks!

Sam

[samparrett]

I decided to rework the the design to use a fixed background as I was a bit strapped for time, so no worries :)
Thanks anyway!
Sam