Самый изящный способ обрезать изображение по div?
Задайте для дива свойства:
width: 50px;
height: 50px;
background: "url(pic.jpg) 50% 50% no-repeat scroll transparent";
Не знаю на сколько "изящно", но в основном ставлю изображение фоном. Т.е. у дива
 - в стилях прописываю:background-position: center; 
background-repeat: no-repeat; 
height: 50px;
width: 50px;
 - в атрибутах самого блока: 
      style = "background-image: url(...)"