Addining LinkedIn to the social icons

I was trying to add LinkedIn to the social icons, however I need more info as I think there is more to it.

Thus far I have expanded the social_icons.png and added the two versions of the logo.

Added <a class="gkLin" href="#">LinkedIn</a>

Then added some css to start playing with
#gkTopBar .social-icons a.gkLin {
background-position: -138px 2px;
}

#gkTopBar .social-icons a.gkLin:hover {
background-position: -138px -50px;
}

When I do this the facebook icon appears.

Do I have to add something to the transition code?

Sorry this is on a local host so I can't get you access, but if you could point me in the right direction that would be great.

Your code looks properly - of course if the background position value is correct. Please maybe try to use !important declaration after property. The easiest way is to check in the firebug whether the code in overrided somewhere.

I went ahead and started playing with the css and then it started displaying properly.

#gkTopBar .social-icons a.gkLin {
background-position: -155px 2px;
}

#gkTopBar .social-icons a.gkLin:hover {
background-position: -155px -50px;
}