Active dropdown in NavBar not highlighted

Created by: arbme

When you set a dropdown as active in the NavBar is doesn't take on the same effect as a normal link:

<div class="navbar">
    <div class="navbar-inner">
    <div class="container" style="width: auto;">
            <ul class="nav">
                <li class="active"><a href="#">Looks Good</a></li>
                <li class="dropdown active">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Looks Wrong
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Link 1</a></li>
                        <li><a href="#">Link 2</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
                         ...

Currently:

.navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle {
  background-color: transparent;

Change to:

.navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle {
  background-color: rgba(0, 0, 0, 0.5);