Wrap text around background image?

[xao]

I'm trying to put a background image above the "New Products" area next to the Welcome Guest and I'm having some troubles....

 

First off, the Welcome guest text bleeds over the image....

 

Second off, The image goes behind the New products window.

 

Right now I have the image in the stylesheet.css BODY tag, I had also tried it in the SPAN.greetUser tag, but then it would shift everything after Guest.

 

I'm not sure of the best place to put this, but I would like to have the text dynamically wrap around the image if possible and also move the New Products table down below the image. I imagine if I added more text and pushed the table down that way it wouldn't be an issue, but I'm trying to keep things clean.

 

Here is by BODY tag right now:

BODY {

background: #FFFFF0;

background-image: url(images/picture_this_right_column.jpg);

background-repeat: no-repeat;

background-position: right top;

/* background-position: 377px 123px; */

color: #000000;

margin: 0px;

}

 

 

Not sure if I should use the float tags or what. I'm picking up CSS pretty quickly (decent in PHP), but this one has me stumped.

 

Take a look at what I am talking about: http://www.intotheoven.com/

 

Thanks for any help!

[Terra]

Text will never wrap around a background image - backgrounds are there to be behind the content of an element, in the background so to speak. If you want to have the image as an element of it's own with text wrapping around, you'll need to position it on the page as an image element. And as osCom is built with tables (lots & lots of them), you'll need to insert the image in a cell as part of the table structure.

 

(Or - you can apply padding to clear the background element, but that would only work with a fixed width design, not a liquid one as your site has. )

 

all the best! edith