Reviews run outside of screen on Firefox with 7.0.2

[Brewhaus]

A customer just informed us today that, apparently since upgrading to 7.0.2 some of the reviews run across the screen on Firefox. We did run the post installation tasks, which took care of the issue on IE. Has anyone found a solution to this?

[jmestep]

There is some code at the bottom of the new style.css that is new and concerns reviews. That was almost the only change in the style.css.

[Brewhaus]

It appears that this:

Code: Select all

/* close the screen media selector */
}
/* used to display reviews message  */
pre.Reviews
{
font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.nodeSummaryLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer;}

becomes

Code: Select all

.orderItemsList{ margin-left:12px; padding:0; color:#666666; }

/* used to display reviews message  */
pre.Reviews 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.nodeSummaryLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer;}

/* close the screen media selector */
}

The only change, aside from placing the reviews sections before the close screen note is the addition of .orderItemsList{ margin-left:12px; padding:0; color:#666666; }. Is the .orderItemsList code necessary, and will it have any other effect on the page?