[HenryMelton]

I've been trying everything I can think of to debug this, with no luck. Time to turn it over to you.

Here is the result page: Webstore
It's a simple webstore with three novels and a chapbook. In iWeb (08) each of the books is designed with font-size 18, and everything looks fine. When rendered in the web browser (Safari 3 and Firefox 3), the first two book descriptions appear fine and then shrink to a tiny size.

I have even re-created the page from scratch and the same glitch appears. In an earlier version, all the books were in a common text block and I didn't have this problem. I changed to separate text blocks for each item because the paypal button widgets were absolutely positioned and differences in font rendering from browser to browser caused the text to creep up out of alignment with the buttons in some browsers when there was a lot of text.

I'm open to any suggestions.

[HenryMelton]

I Found a work-around. Of course, just as soon as I post about it, I try something and it works. I put the text in each section in a separate text box to insulate it from the graphic of the book cover. So the URL in the first post won't show the error anymore. If you're the type that wants to see the problem ( I didn't solve it. I worked around it) go to this original page WebstoreX

[HenryMelton]

My Analysis: Don't take this as gospel, but what I think happened is this:
The original text block contained an image, with the shadow effect applied, followed by text. (I don't think Firefox renders the javascript shadow effect). The classes applied to the image contained .tinyText which is:

.tinyText {
font-size: 1px;
line-height: 1px;
}
and that got carried over to the following text. Encapsulating the text in a nested text block protected it. Why it happened in some areas on the page and not on others is unknown, but with a work-around, I don't care.