background not repeat-y-ing

Site: http://www.ccteaz.com/
username: dev
password: access-07
relvant page: http://www.ccteaz.com/_dev/browse.php?cat=1

relvant css:

#product_guides_detail {xhtml.css (line 361)}
background:transparent url(../images/bg_mid_guide_detail.gif) repeat-y scroll 0%;
color:#333333;
height:320px;
overflow:visible;
padding-left:12px;
padding-top:2px;
width:675px;
}

The page loads, and loads up items, and thumbnails them. Problem comes about when the items force the div to stretch. The background image does not repeat as it should, instead stopping where the div would normally stop. using min-height does not correct the problem. The "scroll 0%" seems to automatically appear, and is not in the actual CSS (firebug added it).

Thanks for the help, anyone!

Remove height:320px; from there.
Instead add an empty div at the end of all br_thumbnail divs, just before closing product_guides_detail div

<div style="clear: both;"></div>
To learn more on this, have a look at http://www.codingforums.com/showthread.php?p=617640#post617640
OR http://www.positioniseverything.net/easyclearing.html

By god it worked. I sear I tried that. I'm sure now that I put it in the wrong spot (after the detail div)... which obviously did nothing.

Thanks for the insight.

MOD:

Please mask the password on my original post. It is no longer being used, but my foresight in posting it was minimal. thank you.

MOD:

Please mask the password on my original post. It is no longer being used, but my foresight in posting it was minimal. thank you.

Edit it yourself. With the edit button! :D