css - 異なるスパンの画像、1 つはクリック可能/リンク可能

Question

次の問題があります。ブログhttp://androidawesomeness.comを運営しており、ヘッダーロゴの下に 3 つのソーシャルメディア アカウントの画像があります。すべての画像を関連するソーシャル メディア アカウントにリンクさせたいのですが、1 つの画像をクリック可能/リンク可能にしているように見えますが、他の 2 つはそうではありません。

皆さん、私を助けて、何が問題なのか教えていただけますか? これは私のHTMLです：

<span id="socialmediag">
 <a href="https://plus.google.com/109829575107956373311">
  <img src="http://f.cl.ly/items/3M1z0a0t08293Y1L3k0u/google-plus-logo-aa.png" alt="google-plus-logo" width="15" height="15" />
 </a>
</span>

<span id= 'socialmediatw'>
 <a href="https://www.twitter.com/androidawsumnes">
  <img src="http://f.cl.ly/items/3j1A2V0z3M1O2v0A0B2P/twitter-logo-aa.png" alt="twitter-logo-aa" width="17" height="15" />
 </a>
</span>

<span id='socialmediatu'>
 <a href="http://www.androidawesomeness.tumblr.com">
  <img src="http://f.cl.ly/items/320c1g0n39060j091l2g/tumblr-logo-aa.png" alt="tumblr-logo-aa" width="15" height="15" />
 </a>
</span>

そして、これは私のCSSです：

#socialmediag{
position: absolute;
padding: 8px 3px 0px 30px;}

#socialmediatw{
position: absolute;
padding: 8px 3px 0px 110px;}

#socialmediatu{
position: absolute;
padding: 8px 3px 0px 190px;}

ありがとう！注：私はこれにかなり慣れていないので、優しくしてください。