Need to Enhance Site

Hi,

I need to enhance this current website (http://www.contemporarymultimedia.com/Salon%20Potential/index.htm) and make it less bland and brown apparently.

I was thinking of adding a background image of a flower in the content_bg div:

div#content_bg {
float: left;
margin: 0 auto;
width: 727px;
background: transparent url(content_bg.gif) 0 0 repeat-y;
}

However I already have an image there which is my border which goes around the content. Is there a way where I can have two backgrounds: in the same div or is there an easier way of doing this?

Thanks

sure you can. you can wrap the #content_bg div in another div and give the wrapping div the flower background.

something like:


<div id="content_wrap">
<div id="content_bg">
</div>
</div>



div#content_bg {
float: left;/* why is this floated? */
background: transparent url(content_bg.gif) 0 0 repeat-y;
}
div#content_wrap {
margin: 0 auto;
width: 727px;
position: relative;
background: transparent url(flower.gif) bottom left no-repeat;
}


If the content_bg.gif is a white background and not transparent, just swap the background images in your css. If your aligning the flower to one of the four corners than you'll need to scoot the image over 1px to allow room for the side border from your content_bg.gif so it doesn't over lap. And leave that 1px gap transparent so the border shows through. Or you can make the image a jpg and physically add the 1px border to the sides that will over lap so they mesh.

[FONT="Tahoma"]Thanks works fine. Just got to try and find the right image which is going to be the tricky part!