请问logo为什么显示不出来

头部LOGO部分的代码如下：<div class="public-header">

<div class="public-container clearfloat">

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

头部样式如下：

.public-header{

height: 110px;

}

.public-container{

position: relative;

margin: 0 auto;

width: 1100px;

}

.public-header .header-logo{

float: left;

margin-top: 40px;

}

 logo的图片放在a连接下图片显示不出来，直接放在.header-logo下可以显示出来但是不能点击

.public-header .header-logo a{

height: 54px;

width: 182px;

background: url("../image/public-header-logo.png");

}

.public-header .header-nav{

float: right;

font-size: 14px;

}

.public-header .header-nav .item{

float: left;

margin-left: 50px;

margin-top: 44px;

}

.public-header .header-nav a{

color: #3b3b3b;

}

.public-header .header-nav a:hover{

text-decoration:underline;

}