CSS锚图像高度问题

小提琴应该解释的问题，但不能看到我在做什么错在这里CSS锚图像高度问题

这里是代码：

body { 
    background-color: #ededed; 
} 
#social{ 
    position: fixed; 
    top: 50px; 
    left: 50px; 

    border: thin solid #ff6600; 
} 
#social .facebook a { 
    width: 60px; 
    height: 60px !important; 
    background-color: #000000; 

    border: thin solid #00ff00; 
} 
#social .facebook a:hover { 
    width: 60px; 
    height: 60px !important; 
    background-color: #3B5998; 
} 
<style> 
</head> 
<body> 
<div id="social"> 
<div class="facebook"> 
    <a href="#"> 
    <img src="http://poststudio.co.uk/louisbrennan/facebook.png" 
    width="60" height="60"/> 
    </a> 
</div> 

</div>  
</body>

http://jsfiddle.net/misemefein/McmAQ/

任何想法赞赏

来源

2013-05-02 mise mé féin

如果您告诉我们您的目标会更容易。 – 2013-05-02 01:39:05