Greetings everyone, this is my first time reaching out for help here.
I have added a nice gradient background to a page that uses ajax, and it works fine until the content gets lengthy after the call.
When I view the page in IE (version 9), the gradient background remains consistent even when I scroll down. However, when using Firefox (version 6), the gradient displays correctly within the normal page length, but as I scroll down, the background gradient starts repeating itself.
Is there any way I can make Firefox behave like IE and keep the background consistent no matter how far I scroll?
Below is the CSS code related to the gradient:
html {
background-color: #8c827a;
height: 100%;
margin: 0 0 1px;
padding: 15px;
/* Mozilla: */
background: -moz-linear-gradient(top, #8c827a, #2B2825);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#8c827a), to(#2B2825));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#8c827a', EndColorStr='#2B2825', GradientType=0);
}