Can't change the nav-pills background color using Bootstrap or CSS

[linix]

I have a simple navigation bar fixed to the top of my page which can be seen here but I cannot for the life of me figure out how to change the background color. I've tried editing the a:hover code in the Bootstrap CSS files as well as overriding it in my own custom CSS file using all sorts of different class calls, but still no luck. Can anybody help me out? I know it has to be something simple, I'm just stumped.Here's my HTML code for the navbar:\[code\] <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="http://stackoverflow.com/questions/14472183/index.html">Homegrown</a> <div class="nav-collapse"> <ul class="nav nav-pills pull-right"> <li class="active"><a href="http://stackoverflow.com/questions/14472183/index.html">Home</a></li> <li><a href="http://stackoverflow.com/questions/14472183/index.html">About</a></li> <li><a href="http://stackoverflow.com/questions/14472183/index.html">Contact</a></li> </ul><!-- /.nav --> </div><!--/.nav-collapse --> </div><!-- /.container --> </div><!-- /.navbar-inner --> </div><!-- /.navbar -->\[/code\]