Problem with IE ( in firefox site looks good but not in IE)

[jtikcuf]

ok i need some help please. Web site looks fine in Firefox But not in IE villagrande-texmex.com the bottom is in white,can someone let me know how i can fix this problem or guide me the correct way '~' Thanks Jay

Edited January 17, 2013 by jtikcuf

[dsonesuk]

Using http://gradcolor.com/css3-gradient.php

 background-color:#EDD8B9; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EDD8B9, endColorstr=#AA9472); background-image:-moz-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-ms-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-o-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(32%,#EDD8B9), color-stop(100%,#AA9472));

[jtikcuf]

so i just add this code to my page, or pages, i will try as soon as i can i will work on it tonigh. Thanks '~'

[dsonesuk]

#footer-content {	background-color: #F9F9F9;	background-image: -moz-linear-gradient(center bottom , #AA9472 32%, #EDD8B9 100%);	border-radius: 0 0 7px 7px;	margin-bottom: 1px;	margin-left: 1px;	margin-top: 1px;	width: 958px;}

becomes

#footer-content {background-color: #F9F9F9; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EDD8B9, endColorstr=#AA9472); background-image:-moz-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-ms-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-o-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(32%,#EDD8B9), color-stop(100%,#AA9472));	border-radius: 0 0 7px 7px;	margin-bottom: 1px;	margin-left: 1px;	margin-top: 1px;	width: 958px;}  

[jtikcuf]

http://www.youtube.com/watch?v=vBmqUDbVb60&feature=youtu.be i made a video to show the problem

[dsonesuk]

you have a stylesheet called style.css (make copy just in case) open it in an editor (notepad will do) at about line 306, search for

#footer-content {        background-color: #F9F9F9;        background-image: -moz-linear-gradient(center bottom , #AA9472 32%, #EDD8B9 100%);        border-radius: 0 0 7px 7px;        margin-bottom: 1px;        margin-left: 1px;        margin-top: 1px;        width: 958px;} 

replace with

#footer-content {background-color: #F9F9F9; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EDD8B9, endColorstr=#AA9472); background-image:-moz-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-ms-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-o-linear-gradient(top, #EDD8B9 32%, #AA9472 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(32%,#EDD8B9), color-stop(100%,#AA9472));        border-radius: 0 0 7px 7px;        margin-bottom: 1px;        margin-left: 1px;        margin-top: 1px;        width: 958px;}

[jtikcuf]

OK I WILL TRY AS SOON AS I CAN...............