For instance, here is some example HTML code:
<div id="container_background">
<div id="content">
<p>
#container
</p>
</div>
</div>
This is the CSS code that applies to the above HTML:
#container_background{
background-image:url('main_bg.gif');
height: 430px;
}
If I write the code like this, the background is applied to the #container_background div, but not the #content div.
How can I also apply it to the #content div?
Adding a background image inside the #content div is not an option because it needs to be one connected image. If I do add it there, it won't be connected properly.