CSS – BG not repeating w/out weird workarounds :)

Site: http://www.bunnysbeauty.com

If you look at it now it looks like it’s working until you scroll down and the background stops repeating.

I’m trying to get those half-circle sidebars (well it’s only one image right now) to repeat vertically w/out resorting to using min-height (as I currently am)

Problem w/ current method is that w/ the future possibility of multiple posts of varying sizes I’ll need the repeat to be flexible.

I’ve tried methods that have worked in the past off of wordpress, but trying it on wordpress it seems there’s some issue,

Help greatly appreciated!!!!

(excerpt from stylesheet)

body { background-color: #F393BD;
background-attachment: fixed;
background-position: bottom;
background-image:url(../../../images/bgimage.png);
background-repeat: repeat-x;
margin: 0;
padding: 0;
color: black;
font-family: Arial, Helvetica, sans-serif; }

#wrap { position: relative;
top: 0;
width: 920px;
margin-right: auto;
margin-left: auto; }

#wrapper { position: absolute;
width: 920px;
margin-left: auto;
margin-right: auto; }

#bar { position: relative;
top: 0;
left: 0;
width: 920px;
min-height: 900px;
background-image: url(../../../images/sides.png);
background-repeat: repeat-y;
background-position: top left;
z-index: -2; }

*note – I think I chose the correct WP version, not 100% sure, can check if it is important.