Right column background not repeating :(

Hiya,

I'm SO close to finishing my layout but this darn right column keeps getting in my way:

Pitcha: http://img521.imageshack.us/img521/7533/needhelpud4.jpg

Here is the releavent code:


#wrap {

position: relative;
background: url( '../images/nav/wood_repeat.jpg' ) top left repeat-y;
min-height: 100%;

}

#left {

float: left;
width: 150px;
text-align: left;

}

#main {

position: relative;
margin-left: 160px;

}

#right {

background: url( '../images/nav/wood_repeat.jpg' ) repeat-y;
float: right;
width: 150px;
text-align: left;

}



HTML:


<div id="wrap">

<div class="header-repeat">

<img src="myImage" alt="" />

</div>

<div id="inner-wrap">

<div id="left">

<div class="align-center">

<div class="a125x125">

<img src="images/125_ad.jpg" alt="Advert" />

</div>

</div>

<div class="nav-content">

<span class="nav-section">GUIDES</span>
<br />

<div class="nav-links">
<a href="" class="nav-link">Lol</a>
<br />
<a href="" class="nav-link">Lol</a>
</div>

</div>

</div>

<div id="right">

<div class="nav-content">

Ad

</div>

<div class="nav-content">

<span class="nav-section">GUIDES</span>
<br />

<div class="nav-links">
<a href="" class="nav-link">Lol</a>
<br />
<a href="" class="nav-link">Lol</a>
</div>

</div>

</div>

<div id="main">


I'd really appreciate any help you can offer, I just don't understand!

Thanks!!
-Smc

Fixed! Nested divs ftw. Allowed me to do two background repeats, a top left and a top right