css - 動的 DIV の CSS クロスバー

Question

私は、DIV動的なサイズの html を持っています。その高さは、さまざまなパラメーターに応じて変化する可能性があることを意味します。次に、これに CSS を介してクロスバーを配置する必要がありDIVます。youtput は次のようになります。

私はいくつかのCSSを使用してみました

 .DIV1{
    width:520px;
    height:100%;
    background:url(../images/cross01.png) repeat-y;
    position:absolute;
    top:0px;
    z-index:1000;
 }

しかし、このコードの問題は、div が別の高さになると壊れることです。ご存知かもしれませんが、私が使用しているこの背景画像は、DIV の高さに応じて大きくなりません。そのため、CSS ソリューションを探しています。 1つは私に道を示します。