chnaging the background color

[DavidinLondon]

i am trying to define the background of some elements ( independently of the current background)

i have tried using relative positioning but both the color and the positioning is all wrong

can anyone please tell me how i should do it.

thanks




I now have this code - (below) but the positioning is NOT relative !

i assume that the div s that are contained within the layer3 div should be positioning relative to layer3 ? so div2 should be to the right of div1

and div4 should be to the right of div3

and both positioned below div1 and div2.

Well they are NOT they are just stacked up each div under the previous div

Also they should ALL be having a yellow background - but only div1 and div2 have the background color !

i am pretty confused by this !?! does relative positioning not work - or what have i done wrong ?

VERY much appreciate it if you can tell me how to do this !

BTW - these div's are all inside a Form - but no other div.


<!-- START OF LAYER 3 -->
<div id= 'layer3' style='background-color: #ffff00;width:260px;position:absolute;left:10px; top:300px;' >

<div id="div1" style='width:240px;position:relative;left:10px; top:10px;' >
Agency name:<br>
<span class="det1">If you are acting as an agent for the company -
please put your agency name. If not, leave as 'Private'.</span>
</div>


<div id="div2" style='width:200px;position:relative;left:120px; top:4px;' >
<input type="TEXT" name="x_agent" value = "<?php echo $N_agent ?>"
size = '15' maxlength='40'/>
</div>

<div id="div3" style='width:240px;position:relative;left:10px; top:90px;' >
Your reference:<br>
<span class="det1">If you have several adverts running
you may want to use reference numbers. You can use numbers or letters. (optional)</span>
</div>

<div id="div4" style='width:200px;position:relative;left:120px; top:84px;' >
<input type="TEXT" name="x_opt_yr_ref" value = "<?php echo $N_opt_yr_ref ?>"
size = '15' maxlength='20'/>
</div>

</div> <!-- END OF LAYER 3 -->