html - アイアンリストのメインの親に関してすべての子アイテムをスタイルするにはどうすればよいですか?

Question

シンプルな<div>中身のアイアンリストがあります。アイアンリストがデータの配列を反復するとき、各インスタンスをメインのアイアンリストの先頭に対してスタイル設定したいのです<div>が、何を試しても(絶対スタイルと相対スタイルの組み合わせ)、うまくいかないようですそれを機能させます。誰かがこれを達成するのを手伝ってくれれば幸いです。以下は関連するコードです。

<app-header-layout has-scrolling-region style="top: 10px; left:0px; float:left; width: 99%; min-height: 535px; background-color: #999;">

  <iron-list id="myList" items="[[data]" as="myItem" selection-enabled multi-selection>
    <template>      

    <div id="divID" style$="background-color:#FFF; height:[[myItem.height]]px; top:[[myItem.top]]px; border-radius: 3px; border-color:#333; border-width:1px; border-style: solid;"></div>

    </template>
  </iron-list>
</app-header-layout>

子のサイズが変更されると、その子のみが鉄のリストの上部に対して正しく再配置されますが、ページを更新すると、参照は上部ではなくその上の最後の子に変更されるようです。