کار نکردن کد

[hamed15]

با عرض یلام خدمت دوستان سه سوال داشتم این کد اصلا کار نمی کنه لطفا راهنما یی کنید


.icons a {
display: inline-block;
width: 24px;
height: 24px;
margin: 10px;
vertical-align: middle;
-o-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-ms-transition: all .3s;
}

.icons a.facebook { background: url("image/facebook.png") left top no-repeat; }

.icons a:hover { background-position: left -34px; }
.header
{
width:100%;
height:40px;
background-color:#DB0A5B;
box-shadow: 0 1px 10px rgba(189, 195, 199,1.0);
right:0px;
left:0px;
position:fixed;
margin-bottom:0;
margin-top:-9px;
margin-right:10px;
}



<div class="icon">
<a class="facebook" href="http://facebook.com/Crunchify" target="_blank">ddd</a>
</div>

[دانیال دزفولی]

http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_hover_nav