Kan ikke få baggrundsbillede til at vise

Jeg har en css fil - se herunder - som starter med body.
Inden i den ligger div#side, og så 4-5 divs inden i den.
Jeg vil gerne have et baggbillede i div#side og alle de underliggende divs. Som den er placeret her fungerer det fint, men hvis jg flytter den ned i div#side (hvor jeg ønsker at have den), så bliver hele siden bare hvid.
Hvad er der galt?


body {
margin:0px;
padding:0;
color: #FFFFFF;
font-size: 70%;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-style: normal; 
background-image: url(ba.gif);
}
div#side {
width: 770px;
margin:0 auto;
position:relative;
}
#top-left {
position:absolute;
padding-top: 8px;
padding-left: 3px;
background-color: transparent;
width: 192px;
height:32px;
top: 0px;
left:0px;
}
#top-right {
position:absolute;
height:30px;
width: 578px;
top: 0px;
right: 0px;
padding-top:10px;
background: transparent;
}
#ramme {
position:absolute;
min-height:40px;
_height:40px;
top: 40px;
left: 0px;
width: 777px;
background-color: transparent;
}
#menu {
float:left;
padding-left: 5px;
width: 192px;
background-color: transparent;
}
#cont {
float:right;
width: 565px;
padding-left: 8px;
padding-right: 5px;
padding-bottom: 25px;
background-color: transparent;
}
.center {
    text-align: center;
}