[horan]

Я конечно не эксперт, но без JS как то не получилось это реализовать)))

HTML:

<div class="services_description" onmouseover="ShowDiv();" onmouseout="HideDiv();">
<img class="swing" src="images/1.jpg" alt="" />
<div class="inblock">
Информация
</div>

CSS:

.services_description { width: 250px; height: 250px; }
  .swing { border: 1px solid; width:250px; height:250px; }
  .inblock { border: 1px solid;}

JS:

function ShowDiv() {
  document.getElementsByClassName('inblock')[0].style.height  = document.getElementsByClassName('swing')[0].clientHeight+"px";
  document.getElementsByClassName('inblock')[0].style.width  = document.getElementsByClassName('swing')[0].clientWidth+"px";
  document.getElementsByClassName('inblock')[0].style.display ="";
}
function HideDiv() {
  document.getElementsByClassName('inblock')[0].style.display = "none";
}