Bootstrap 3 Floating Right menu

HTML

<ul class="nav navbar-nav mega-inner-dropdown">
    <li><a href="#" data-toggle="dropdown">Dropdown <span class="caret"></span></a>

        <ul class="dropdown-menu left-flyout">
            <li><a href="https://twitter.com/fat">Action</a>
            </li>
            <li><a href="https://twitter.com/fat">Another </a>
            </li>

        </ul>
    </li>
</ul>

CSS

li:hover {
    background-color: #eee;
}

.mega-inner-dropdown {
    width: 120px;
    margin: 10px;
}
.left-flyout {
    position: absolute !important;
    top: 0;
    left: 100%;
}

JavaScript

// Dropdown Menu Fade    
jQuery(document).ready(function () {
    $(".mega-inner-dropdown").hover(

    function () {
        $('.dropdown-menu', this).stop().fadeIn("fast");
    },

    function () {
        $('.dropdown-menu', this).stop().fadeOut("fast");
    });
});