html - css でクロス画像の透かしを作成する

Question

私の必要性は、画像のように表示されるクロス画像を作成することです。Div 1 には一定の高さがなく、何度か変化します。
次に、Div 1 内にクロス ウォーターマークを作成するにはどうすればよいですか?

試してみました

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

}