[wackypanda]

More hack student coding incoming.

I need to create a gradient background using CSS without using background-image. Right now that's being handled with this:

html{
	background: #e8e8e8; /* fallback for non-support */
	background: -webkit-gradient(linear, left bottom, left top, from(#e8e8e8), to(#8c8c8c)); /* Safari and Chrome */
	background: -moz-linear-gradient(top, #8c8c8c, #e8e8e8); /* Firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8c8c', endColorstr='#e8e8e8'); /* IE8 */
	}
body, #header, #footer {
	width: 720px;
	}
body {
	padding: 10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 15px;
	-moz-border-radius: 15px; /* Firefox */
	background-color: #ffffff;
	}

The body selector is included because IE won't display its white background over the html background with this code, which is one of the main things I need to resolve. The other is the general sense of hackery. I don't know if there's a cure for that though.

Thanks in advance.