asked on

Gradient background scrolling in Firefox

I'm having an issue with trying to get a CSS gradient background not to scroll in Firefox. It stays static in IE, but not in Firefox. Can someone please help?

Here's the example code:

<HTML>
<HEAD>
<style>
body
{
/* establish the gradient for all pages */
width: 100%;
height:100%;
margin: "0";
padding: "0";

/* default background colour, for all layout engines that don't implement gradients */
background: #ffffff;
background-repeat: no-repeat;
color: #000000; /* text colour (black) */

filter: progid:DXImageTransform.Microsoft.Gradient (startColorstr='#005595', endColorstr='#dddedf', gradientType='0'); /* IE based browsers */
background: -moz-linear-gradient(top, #006595 0%, #dddedf 100%); /* Mozilla (Firefox) based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#006595), to(#dddedf)); /* webkit based browsers */

FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

</style>
</HEAD>
<BODY>
<P> </P>
<center>
<table width=50% height=2000 bgcolor=white>
<tr>
<td> </td>
</tr>
</table>
</center>
<P> </P>
</BODY>
</HTML>

Cut that into a .htm file or open the attached file in both IE and Firefox and scroll to see what my issue is.

Thanks for your assistance.
gradient-test.html

ASKER CERTIFIED SOLUTION