bug: md-list-avatar aren't rendered correctly on Chrome

Bug, feature request, or proposal:

Bug on Chrome

What is the expected behavior?

md-list-avatar should be correctly displayed.

What is the current behavior?

md-list-avatar aren't correctly displayed on the initial render.

What are the steps to reproduce?

1. Open Sidenav
2. Select "Contact" Tab
3. Avatars aren't correctly displayed
4. Select "Menu" Tab
5. Select "Contact" Tab
6. Avatar are correctly displayed

<md-toolbar>
  <button md-icon-button (click)="sidenav.opened = !sidenav.opened">
  <md-icon alt="menu">menu</md-icon>
  </button> Shop
</md-toolbar>
<md-sidenav-layout>
  <md-sidenav #sidenav mode="over" >
    <md-tab-group>
      <md-tab>
        <template md-tab-label>
          Menu
        </template>
        <template md-tab-content>
        </template>
      </md-tab>
      <md-tab>
        <template md-tab-label>
          Contact
        </template>
        <template md-tab-content>
          <md-list>
            <md-list-item *ngFor="let x of [1,2,3,4,5,6,7,8]">
              <img md-list-avatar src="/assets/images/{{x}}.jpg" alt="">
              <h3 md-line> John Doe </h3>
            </md-list-item>
          </md-list>
        </template>
      </md-tab>
    </md-tab-group>
  </md-sidenav>
  <div [style.width]="'75vw'" [style.margin]="'auto'">
    <router-outlet></router-outlet>
  </div>
</md-sidenav-layout>

Which versions of Angular, Material, OS, browsers are affected?

angular-cli beta.16
angular material alpha.9-3
Chrome is affected, Firefox and Edge aren't.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}