Как выровнять по центру плавающие div, если родительский контейнер не имеет ширины?

Я знаю, что подобные вопросы уже задавались, но я не видел ни одного, где родительский div имел бы неизвестную ширину с окончательным ответом.

Итак, вот ситуация.

<style>
.parent {
   width: 100%;
}

.child {
  width: 300px;
  float: left;
}

</style>

<div class="parent>
  <div class="child></div>
  <div class="child></div>
  <div class="child></div>
  <div class="child></div>
  <div class="child></div>
  <div class="child></div>
  ...
  <div class="child></div>
<div>

По сути, я хочу вместить столько дочерних div в родительский контейнер, сколько может выдержать разрешение экрана пользователя.

Я не хочу использовать css3 media queries, потому что хочу поддерживать IE7.

Я пробовал использовать javascript для задания ширины родительского контейнера, но это не идеально, так как содержимое перескакивает в центр после загрузки. Есть идеи?