CSSで、縦の高さを可変にする方法

質問

┌───┐
│□□□│
│■●■│
│□□□│
└───┘
このような形のボックスがあり、●を囲む左右のボックス（■）に、背景画像を設定しております。

●は毎回高さの値が変わる画像なのですが、

┌───┐
│□□□│
│■●■│
│■●■│
│■●■│
│■●■│
│■●■│
│■●■│
│□□□│
└───┘

このように、●の高さによって、左右の■も縦に伸びるようにするにはどうしたらよいでしょうか？

■の部分のボックスのheightを、100%のリアクティブにしたり、Autoにしたりしても、
┌───┐
│□□□│
│■●■│
│　 ● 　│
│　 ●　 │
│　 ●　 │
│　 ●　 │
│　 ●　 │
│□□□│
└───┘
このようになってしまい駄目でした。
どなたがご教授お願いします。

回答No.1

noname#54215

background-repeat:repeat-y
はいかがでしょうか。
ただし『伸びる』わけではなく名前の通り『繰り返し』です。