Active dropdown in NavBar not highlighted

[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);

[mdo]

Looks fine to me in 2.0.1-wip.

[komprehend]

i have the same problem

[TheEricMiller]

$('.active').closest('li.dropdown').addClass('active');

[zebtin]

Great recommendation by @TheEricMiller! The documentation does indicate to add the active class to the "top" item in the nav, but its not intuitive to think about it when you are deep in the context of a leaf.
Thanks!