<style>
#main-nav {
background: #7dad16;
background: -moz-linear-gradient(top, #7dad16 0%, #547b00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dad16), color-stop(100%,#547b00));
background: -webkit-linear-gradient(top, #7dad16 0%,#547b00 100%);
background: -o-linear-gradient(top, #7dad16 0%,#547b00 100%);
background: -ms-linear-gradient(top, #7dad16 0%,#547b00 100%);
background: linear-gradient(top, #7dad16 0%,#547b00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dad16', endColorstr='#547b00',GradientType=0 );
float:none;
width: 100%;
z-index: 1000;
}
</style>
<div id="main-nav">
<ul>
<li><a>Home</a></li>
<li><a>About</a>
</li>
<li><a>Activities</a>
</li>
<li><a>Contact Us</a>
</li>
<li><a>News</a></li>
</ul>
</div>
Its working fine. Recheck.
Here is the preview
http://img692.imageshack.us/img692/346/v8no.jpg[
^]