Скрипты оставим на потом. Чтобы это сработало на чистом ЦСС, сделаем из двух ссылок:

<div class="item">
  <div class="pic">
    <a href="url">
      <img src="pic.jpg" width="150" height="90" />
    </a>
  </div>
  <div class="text">
    Вот так <a href="url">ссылка</a>
  </div>
</div>

одну:

<div class="item">
  Вот так
  <a href="url">
    <img src="pic.jpg" width="150" height="90" />
    ссылка
  </a>
</div>

Вытащим картинку из текста абсолютным позиционированием, верхним падингом освободим место под картинку:

.item {
  position: relative;
  padding-top: 111px;
  /* Высота картинки плюс отступ до текста,
     при разной высоте картинок, можно прописывать
     инлайн-правилами прямо в ХТМЛ. */
}
.item img {
  position: absolute;
  top: 0;
  left: 0;
}

Никаких скриптов:

• Дизайнер бюро Андрей Горбунов из Мытищ
• Антон Горбунов, иллюстратор бюро, живёт в Санкт-Петербурге
• Арт-директор и основатель Артём Горбунов — москвич

Конечно не всегда получается обойтись объединением ссылок и ЦСС — сложный макет, непредсказуемые размеры картинки, табличная вёрстка, ограниченное время… На всякий пожарный у меня всегда под рукой функция doubleHover.