# Nesting DIVs and background image

**URL:** https://forum.kirupa.com/t/nesting-divs-and-background-image/237549
**Category:** web dev
**Created:** [August 31, 2007, 10:24am UTC](https://forum.kirupa.com/t/nesting-divs-and-background-image/237549 "2007-08-31T10:24:32Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![stefanmhodgson](https://avatars.discourse-cdn.com/v4/letter/s/f07891/32.png) [@stefanmhodgson](https://forum.kirupa.com/u/stefanmhodgson)
#### Post date: [August 31, 2007, 10:24am UTC](https://forum.kirupa.com/t/nesting-divs-and-background-image/237549/1 "2007-08-31T10:24:32Z")

</div>

Hello there,

Got a website, basically, I have a div called mainHolder. This holds two columns: LeftColumn and RightColumn. I want one big background image to be visible behind the left and right columns. I have set the background image to be back\_bg.jpg and left the two columns to have background:none;

Why is the background image of back\_bg.jpg not showing through the column divs. I have even tried making a transparent gif and it didn’t work! ARRrrgh, its driving me up the wall!

Any help would be much appreciated, ta much

Stefan

Code below:

#mainHolder{  
background:url(…/images/back\_bg.jpg) repeat;  
width:868px;  
margin:0;  
padding:0;  
}  
#leftcolumn{  
background:none;  
margin:0;  
float:left;  
padding:170px 102px 30px 50px;  
width:682px;  
voice-family:""}"";  
voice-family:inherit;  
width:530px;  
}  
#rightcolumn{  
background:none;  
margin:0;  
float:right;  
width:186px;  
}