Curious if anyone has tried this yet. I have been playing around with it without much success. Ive tried this:

html {
overflow-y: scroll;
background:-moz-radial-gradient(center, #2e658e, #fff) no-repeat #fff;
background:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#2e658e), to(#fff)) no-repeat #fff;*/

}

AND this but separately. (I took it out of the html CSS listed above)


body {
font-family: "Trebuchet MS", Verdana, myriad pro, Arial, Helvetica, sans-serif;
font-size: 14px;
position: relative;
background:-moz-radial-gradient(center, #2e658e, #fff) no-repeat #fff;
background:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#2e658e), to(#fff)) no-repeat #fff;*/

I would assume it would go into the body since that is where I have always put background images/colors. Any suggestions? Thanks!

Here's the HTML:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="klear.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrapper">
<div id="content">
<div id="header"></div><!--end header-->
<nav>
<a href="index.html">home</a>
<a href="nuklear.html">nuKlear</a>
<a href="#">order</a>
<a href="#">contact us</a>
</nav>
</div><!--end content-->
</div><!--end wrapper-->

</body>
</html>