Растянуть DIV по ширине картинки

[S.Eugene]

div.imgdiv {
  float: left;
  border: 1px dotted green;
  padding: 0.6em;
  margin: 0em 1em 1em 0em;
}
 
<div class="imgdiv">
  <img src="">
  <div class="imgcaption">Описание картинки</div>
</div>

Размер картинки неизвестен. Как сделать, чтоб imgdiv растягивался по ширине картинки, но не по ширине текста описания?

С таблицей так получается, но хочу на дивах сделать.

table.imgtable_left {
  float: left;
  border: 1px dotted green;
  padding: 0.6em;
  margin: 0em 1em 1em 0em;
}
 
<table class="imgtable_left"><tbody><tr><td>
 <img src="">
  <div class="imgcaption">Описание картинки</div>
</td></tr></tbody></table>

Добавлено 04.02.14, 23:12
С двумя дивами получается.

    div.imgdivtable {
      display: table;
      width: 0px;
      float: left;
      border: 1px dotted green;
      margin: 0em 1em 1em 0em;
    }
 
    div.imgdivtd {
      display: table-cell;
      padding: 0.6em;
    }
    
    <div class="imgdivtable">
      <div class="imgdivtd">
        <img src="">
        <div class="imgcaption">Описание картинки</div>
      </div>
    </div>

Можно ли ставить width: 0px;? Не будет ли глюков в каких-то браузерах?

Можно ли ставить элемент display: table-cell; внутри display: table; минуя элемент с display: table-row?
Написано, что для Safari 3.1 значение table-cell не работает, если нет элементов со значениями свойства display: table и table-row.

Нельзя ли как-то нормально все сделать без костылей?

Сообщение отредактировано: S.Eugene - 04.02.14, 23:12

[fatalist]

width:auto ?
display:inline-block; ?

Сообщение отредактировано: fatalist - 05.02.14, 04:44

[S.Eugene]

Не работает.

Можете проверить
http://codepen.io/anon/pen/rKnld

[fatalist]

ну ты ж не говорил, что текст должен переноситься...