I’ve worked on my stylesheet and templates for comments … and I’ve worked out all the problems.
One fix I heard of was to make the .blog class in the stylesheet to not reflect any background color. [i.e. take out: “background:#FFF”]
I did that, and it helped, but the whole gray bordering made the comments look horrible, all chopped up, text all appeared, but ugly.
Also, the header in the comments reacted differently in IE and in NN so, that prompted me finally to fix it all in one fell swoop.
Stylesheet body margin was set to 20px all sides. I made it 0px and put in a 20px gray border. Took out the .blog background color as stated above. In my Main Template I made my comment pop up java to make a 500×500 box, instead of the 480×480 it originally had. In each Comment template I made the “column 50” for the “Comment:” box to be “48”.
I also added “position:relative;left:0px; top:0px;right:0px;” to the #banner-commentspop id in the stylesheet.
I think that’s all I did. This made my comments look right, and the comment box not to overflow in either IE or NN and the banner heading to fill the space correctly as well.
After all that, the gray background on the Main Index was only a border, so next to the blog on the right side, was plain white. So I tweaked border colors, and added the gray as a right border for #content, and as the top border for #links. All in all, it’s more acceptable of a look, and the dissapearing text is history. AND I didn’t have to change my page look too much. I like it this way, and through this process I learned how to make a div look as though it’s encased in another colored div. COOL!