Hello Ladies. Look at your style.

div.container div span#wrap span#wrap-inner {
background: (../css/images/rounded-corners.gif) no-repeat;
}
div.container div span#wrap span#wrap-inner ul#topnav {
background: (../css/images/navbg-gradient.gif) repeat-y;
}
div.container div span#wrap span#wrap-inner div.spacer {
clear: both;
width: 100%;
}

Now look at mine.

div#main ul#nav {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f5f5f), to(#000000));
border-radius: 5px;
text-shadow: 2px 2px 5px #000;
}

Now back to your style.

div.container div span#wrap span#wrap-inner {
background: (../css/images/rounded-corners.gif) no-repeat;
}
div.container div span#wrap span#wrap-inner ul#topnav {
background: (../css/images/navbg-gradient.gif) repeat-y;
}
div.container div span#wrap span#wrap-inner div.spacer {
clear: both;
width: 100%;
}

Now back to mine.

div#main ul#nav {
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f5f5f), to(#000000));
border-radius: 5px;
text-shadow: 2px 2px 5px #000;
}

Sadly, your style isn't mine.

But if you stopped using nested markup elements and switched to CSS3, it could smell like it's mine.
Look down. Back up. Where are you. You're in Safari 5, with the website your website could look like. What's in your hand? Back at me. I have it. It's a standardized radial gradient style with those two colors you love, dynamically expanding to fit your single wrapping div.

Look again... the wrapping div is now an HTML5 element!

section#main nav {
background-image: gradient(radial, 0% 0%, 0% 100%, from(#5f5f5f), to(#000000));
border-radius: 5px;
text-shadow: 2px 2px 5px #000;
}

Anything is possible when you use fresh HTML5 with CSS3 hotness and not nested markup. I'm on a horse.