Image Border

Wrestled all day trying to take two slightly different border images (a rightside and a leftside) and place them repeat-y to border the website. Thanks to Daniel I'll be able to sleep tonight. Either the right side was good and the left was askew or vice versa. The code that saved me:

#maintitle, #contentarea, #mainarea {
background: #fff url(/images/borderL.jpg) top left repeat-y;
margin-right: 20px; /*this needs to be at least the size of the image */
}

#main {background: transparent url(/images/borderR.jpg) top right repeat-y;}