Как растянуть div по ширине свойства background?

Question

[Ayk72]

Добрый вечер!

Как растянуть блок div по ширине изображения в свойстве background этого блока?

<div class="photo"></div>
.photo{
  background: url('/uploads/posts/2011-01/thumbs/photo.jpg') no-repeat;
  width: 220%;
  height: 100%;
  background-size: 100% 100%;
}

Надо, чтобы div был по высоте и ширине картинки фоновой.
Заранее спасибо!

Answer 1

[Дмитрий]

Я бы делал на JS

var img = new Image();
img.onload = function(){
 $('.photo').css('width', this.width + 'px');
};
img.src = $('.photo').css('background-image');