I am working on a section of a site i am creating and am having some problems.

You can view it here:
http://members.rogers.com/kandieman101/test.html

What happens is, since the repeated words "test" ends up not being as tall as the image, the image goes "outside" of the div. How can I make image NOT "be on top" and restrict itself to the div (therefore making the div taller)??

It displays the same in both Opera and IE6... Obviously I would like the lighter orange to go down more to surround the entire "block of content".


Hope you could follow that...

My first reaction - fix it in 2 seconds.. use a table instead of div! ...
I have to be honest... The way you did it seems way over complicated..
My first advice: Use style declarations (<style >)instead of inline styles ( style= " ) it makes it MUCH easier to edit and change...

However... I did some playing and I came up with the following:

I cannot get it to really work no matter what I did with trying to use your style.... I can get it to semi work in IE, but inconsistently.. and I cannot get it to work in Mozilla (Netscape) at all...

Works universal:
Tables.. Will elimnate all your problems with a quick and easy answer...

Is there a specific reason you need to use the DIV tag??? Any reason you can't use tables?

Andrea

Tables are old, use up more bytes

I was hoping to somehow, by the end, not use tables at all except for tabular data (which that isn't exactly since I want the text to wrap around the image)

check out some of these links.
http://search.yahoo.com/search?fr=ie...ound+a+picture