Godaddy web builder CSS and IE9 gradient issue

[Abutt]

Hello, Before anyone slates me for using Godaddy web builder, please appreciate that i dont have a choice because it is not for my website. I want an answer to my question and not an inconclusive list of reasons why i shouldnt be using it. I hope thats ok I have been struggling with this all day and am hoping that someone can help. With Godaddy web builder i can edit the style sheet ONLY so i have this for the gradient background: body {height: 100%}{margin:0px; padding:0px; background:none !important;}body { background: -moz-linear-gradient(top, rgba(232,211,255,0.44) 32%, rgba(178,102,255,0.44) 67%, rgba(139,25,255,0.73) 92%, rgba(127,0,255,0.73) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,rgba(232,211,255,0.44)), color-stop(67%,rgba(178,102,255,0.44)), color-stop(92%,rgba(139,25,255,0.73)), color-stop(100%,rgba(127,0,255,0.73))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(232,211,255,0.44) 32%,rgba(178,102,255,0.44) 67%,rgba(139,25,255,0.73) 92%,rgba(127,0,255,0.73) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(232,211,255,0.44) 32%,rgba(178,102,255,0.44) 67%,rgba(139,25,255,0.73) 92%,rgba(127,0,255,0.73) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(232,211,255,0.44) 32%,rgba(178,102,255,0.44) 67%,rgba(139,25,255,0.73) 92%,rgba(127,0,255,0.73) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(232,211,255,0.44) 32%,rgba(178,102,255,0.44) 67%,rgba(139,25,255,0.73) 92%,rgba(127,0,255,0.73) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70e8d3ff', endColorstr='#ba7f00ff',GradientType=0 ); /* IE6-9 */ } ...Giving me a nice gradient in Firefox, Chrome and Safari. In IE9 i get a blue wash over the top of it. I think that it is something to do with pre existing template so you might need the whole stylesheet.... I have done my best to play within the constraints of the web builder but i am really struggling now. Does anyone have a fix through only the CSS that will allow it to display in IE9

[dsonesuk]

The styling for body is incorrect, so this maybe causing it to fail

body {height: 100%}{margin:0px; padding:0px; background:none !important;}

should be

body {height: 100%margin:0px; padding:0px; background:none !important;}

[Abutt]

Nope, it hasnt effected anything unfortunately. I added those lines in in an attempt to standardise it but it doesnt seem to be doing anything.

Edited June 18, 2013 by Abutt

[newseed]

IE9 or earlier does not support gradient without this following sample: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ You can check out this gradient editor to help you get the correct code for your site.