having issue with div:hover

i have this :hover

http://ift.tt/1NRQrid

<a href="#" id="pin1" class="pin"></a>
<span id="pin1-content" class="pin-content">text</span>

` working fine

however i've added to a custom wordpress theme http://ift.tt/1N7nnzW and cant seem to get it to work