CSS missing from website

[mp3man]

So I'm using bootstrap and HTMl boilerplate to start up a site. I'm having an issue over writing the brand class from bootstrap. In main.css I added a .navbar .brand class and I'm attempting to change float to top. When I load my web page in the browser my .navbar .brand in main.css is blank (according to firebug). I can edit bootstraps float value to top while using firebug, but I can't seem to override using my own style sheet. \[code\] <link rel="stylesheet" href="http://stackoverflow.com/questions/15860868/css/bootstrap-responsive.min.css"> <link rel="stylesheet" href="http://stackoverflow.com/questions/15860868/css/main.css"> . . . <div class="navbar navbar-inverse 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="">Alex</a>\[/code\]in bootstrap.css\[code\].navbar .brand { display: block; float: left; padding: 17px 20px 17px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #ffffff; text-shadow: 0 1px 0 #013435;}\[/code\]in main.css\[code\].navbar .brand { float: top;}\[/code\]and then in firebug when I look at the element\[code\].navbar .brand { main.css (line 27)}\[/code\]