Thanks. I tried that just earlier and it didn't work. But now it seems to work. I don't know what I was doing wrong before.
However, it brings me to one more question about this floating. I have a design which has two columns. They are <div> both floated left so they are next to each other. The design looks just how I want it.
Except when the user resize the browser window too small the column on the right snaps down and goes below the column on the left, and then the entire web page is thrown off and looks bad.
I looked into the min-width attribute that was talked about, but that does not seem to help. As soon as the column hits that min-width it snaps down under the left most column.
I tried creating a special <div> container that contained both columns, and set a min-width on that. But I realized that because the two columns were floated they were not actually inside the container in the browser, so that had no affect at all.
I just can't find anything that tells me how to stop my 2 column deisgn from snaping down like that.
Your comment about floating the image reminded me I need to fix that.