floating boxes in a container won't expand..

[weedbeat]

Hi guyz

I've got the following problem. If u have a look at my
site [weedhouse2.dyndns.org] u see 3 boxes. The first two are floated left and the third is floated right. In the first and last one is a little image that is repeating it self.
Now the problem is that in ie it doesn't repeat that image because the floated boxes don't expand if there is nothing in them that would require it.
I'd be very happy for someone to help me, since I've already spent hours on that and it just won't work.

Here is the code of my index.htm

<div id ="container">
<div id="left"></div>
<div id="text">
 <p>dsf</p>
 <p>dsf</p>
 <p>sdf</p>
 <p>dsf</p>
 <p>sdf</p>
 <p>sdf</p>
 <p>sdf</p>
 <p>fsd</p>
 <p>fsd</p>
 <p>fss</p>
 <p>df </p>
</div>
<div id="right"></div>
</div>

and the corresponding stylesheet:

#container {
width: 800px;
overflow:hidden;
background: #000000;
}
#left {
 width: 200px; 
height: 100%;
text-align: left;
float:left;
 background: url(weed.png) repeat;
 }
#text {
float: left;
height: 100%;
width: 350px;
background:#999999;
}
#right {
 width: 200px; 
height: 100%;
text-align: left;
float:right;
 background: url(weed.png) repeat;
}

Thx for ur reply already cya

[weedbeat]

I just saw I cana reduce this problem to the one u can see now on my [url = [weedhouse2.dyndns.org...] u can see 3 boxes. My aim is to have the size of the black box automaticly ajusted to the one of the grey box since there should be dynamic text coming in the grey box and the black one is gona be used for design issues.

html:

<div class ="container">
<div class ="left">blub</div>
<div class ="right">some text some text some text   </div>
</div>

stylesheet:

.container {
width: 600px;
background: #aaaaaa;
overflow:hidden;
}
.left {
  width: 200px; 
height: 100%;
float:left;
background:#000000;
  }
.right {
  width: 200px; 
float:right;
background: #666666;
}

[weedbeat]

sorry the link seems to be wrong that should work now [weedhouse2.dyndns.org]