Repeating Background

repeat-y

[coertli]

I have a few problems with my CSS starting with the fact that I have a setup as so:
<div id="bg">
<div id="text">
</div>
<div id="links">
</div>
<div id="separatorInvisible">
</div>
</div>

I have this among other things. I want the entire "bg" div to have a repeating background that I created. I have the CSS as follows:

#text {
float:left;
}

#linklist{
margin-left:515px;
}

#separatorInvisible{
height:0px;
clear:both;
}

#bg{
background:url(Pictures/body.gif)center repeat-y;
}

When I do this the background repeats only for the height of the linklist div, and not for the text div. I can solve this problem by not floating the text to the left, and then the background works as it is supposed to, but I do want the links on the right hand side.

One more catch... all of this that I am speaking of works as explained for Firefox. I cannot even get the background pic to load for IE.

I am at wits end. Please help!

[xfinx]

#bg{
background:url(Pictures/body.gif)center repeat-y;
}
Shouldn't that be:

background: url(Pictures/body.gif) repeat-y;

otherwise split it:

background-image: url(Pictures/body.gif);
background-repeat: repeat-y;
background-position: center middle;
-or-
background-position: 50% 50%

background-position: center 50% is illegal!

I hope this helps.

Good luck

xfinx