不显示logo

.public-header{

height: 110px;

}

.public-header .header-logo{

    float:left;

    margin-top:40px;

}

.public-header.header-logo.a{

width: 182px;

height: 54px;

background: url("../images/index-harder-logo.png");

}

.public-header.header-nav {

float: right;

}

.public-header.header-nav.item{

float: left;

}

.public-container{

position: relative;

margin: 0 auto;

width: 1100px;

}

.public-footer{

height: 318px;

background: #3b3b3b;

}

<div class=" public-header">

<div class="public-container clearfloat ">

<div class="header-logo"><a href=""></a></div>

   <ul class=" header-nav clearfloat">

       <li class="item"><a href="">Our Story  </a></li>

<li class="item"><a href="">Menu </a></li>

<li class="item"><a href="">Reservations</a></li>

<li class="item"><a href="">News</a></li>

<li class="item"><a href="">Rviews</a></li>

</ul>

</div>

</div>

<div class

为什么我的不显示logo然后li标签也不像右并且也不浮动也不能横过来呢