با سلام و خسته نباشید

یک nav  میخواهم در قالب فارسی قرار دهم با  float , pull right  به سمت راست منتقل می شود ولی وقتی background color و color آن را تغییر می دهم باز به سمت چپ منتقل می شود و موس که روی منوها می رود منوها ناپدید می شود

                                            <nav class="navbar navbar-light  pull-right navbarbackground " >
        <ul class="nav navbar-nav  ">
            <li class="nav-item" >
                <a class="nav-link" href="#">ورود</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">تماس با ما</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">جذب مدرس</a>
            </li>
            <li class="nav-item  ">
                <a class="nav-link" href="#">جدول زمانبندی دوره های آموزشی <span class="sr-only">(current)</span></a>
            </li>
        </ul>
    </nav>

body {
    direction:rtl;
}
.navbar.navbarbackground{
    float: right ;
    background-color:black;
    color:red;
    width:100%;
    margin-right:0px;
    padding-right:0px;
}
 .navbar.navbarbackground ul li .nav-link{
     color:white;

با این کدها  background  تغییر کرده ولی به  سمت چپ منتقل شد . میخواهم به سمت راست منتقل شود