مشکل با تکرار عمودی عکس

من دارم یه قالب سه ستونه طراحی می کنم
یه مشکلی با عکس های تکرار شونده دارم اونم اینکه
من به دو ستون سمت چپ و راست یه عکس یک مگاپیکسلی دارم که می خوام بصورت عمودی تکرار بشه
البته نسبت به ستون وسط یه هر چه ارتفاع ستون وسط بیشتر شد عکس سمت چپ و راست هم تکرار بشه
در واقع ارتفاع ستون سمت چپ و راست نسبت به ستون وسط تغییر کنند
توی ستون وسط مطالب من قرار می گیرند

من هم همین مشکل رو دارم می خوام برای ستون اصلیم سایه تکرار شونده داشته باشم اگه کسی میدونه کمک کنه.
البته این رو فهمیدم که ارتفاع یک عکس تکرار شونده باید از قبل تعیین شده باشه ولی من مثل دوستمون که صورت مسله رو مطرح کرده می خوام باتوجه به محتوای صفحه حاشیه صفحه تغییر کند.

برای تکرار در محور x

[HTML]
background-repeat:repeat-x
[/HTML]

برای تکرار در محور y

[HTML]
background-repeat:repeat-y
[/HTML]

برای تکرار در دو محور

[HTML]
background-repeat:repeat
[/HTML]

بدون تکرار

[HTML]
background-repeat:no-repeat
[/HTML]

مثال:

کد:

---

<div style="background-repeat:no-repeat;"></div>

---