is there any problem with code? as changing image is not working

I am trying to put the image as a logo in my navigation bar but the on webpage the logo is appearing full white, nothing in it.
here is my html code:

    <header>
        <nav id="header-nav" class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a href="index.html" class="">
                        <div id="logo-img" alt="Logo image"></div>
                    </a>
                </div>
            </div>
        </nav>
    </header>

and here is the css code:

#logo-img{
    background: url(../images/logo.png) no-repeat;
    width: 150px;
    height: 150px;
    margin: 10px 15px 10px 0;
}

tried to use different image but nothing is happening