adding background images to left and right of footer div

[jasonc]

can anyone suggest how to add background images to the left and right of a footer div.

 

as the following does not work

 

#footer{	clear:both;	background:#7AB3D2;	text-align:right;	padding:3px 0; background: url(images/bottom_right_trans.gif); background-repeat: no-repeat; background-position: right bottom;background: url(images/bottom_left_trans.gif); background-repeat: no-repeat; background-position: left bottom;}

<div id="footer">some text here</div>

[Bar2aYunie]

Try using two divs:

 

<div id="backgroundone">

  <div id="backgroundtwo">

  </div>

</div>

 

You can then style everything with css.

 

Try this.