небольшая проблема с div и :hover

как сделать так, чтобы в hover можно было добавить текст.
т. е чтобы при наведении выплывала не только ссылка, а еще и вверху текст? (у меня в коде выплывает при наведении только ссылка)
вот код:






#liniya a {
width: 240px;
height: 240px;
float: left;
margin-left: 15px;
line-height: 0px;/*положение текста*/
color: transparent;/*цвет текста*/
font-size: 20px;
font-weight: 30px;
-webkit-transition: all 0.5s ease;/*эффект выезжания текста*/
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
border: 5px solid gray;
background: yellow;/*главная картинка*/
text-align: center;
}
#liniya a:hover{
text-align: center;
background: gray;
line-height: 175px; /*расположение текста на картинке*/
color: white;
}






внизу в самой верстке ниже "стайл"


ну и конечно же ссылка там между дивом