IE 8 doesn't like my code

[gib65]

If you have IE 8 and you go to http://www.mm-theory.com, you'll see that the text in the body of the page goes a little beyond the right edge of the screen. It didn't used to be like this in previous versions of IE and it isn't like this in other web browsers.

Every paragraph is in a table cell whose CSS specs are as follows:

td.paragraph
{
	text-align: justify;
	font-family: times new roman;
	font-size: 14pt;
	padding-right: 10%;
}

It's the padding-right: 10% that's supposed to shift the text over to the left by about an inch, but it's now having no effect. I found that I can remedy this by switching from % to px (around 100px looks right). But is there a way to stick with % in a way that works with IE 8 (and doesn't clash with previous versions of IE or other concurrent web browsers). I like using % if possible.

[auntnini]

Shame for using nested <TABLE>s layout in this age of CSS accessibility, and using pt (point) print measurement. CSS could give you a more fluid CSS layout.

On a MAC with Firefox browser zoomed in, have to scroll over to see hidden text on right.

Also please do not use Bill Gates' "title case" and have lower-case the (unless that's a colon : for sub-title).

Love that flyout panel on right.

[gib65]

Shame for using nested <TABLE>s layout in this age of CSS accessibility, and using pt (point) print measurement. CSS could give you a more fluid CSS layout.

On a MAC with Firefox browser zoomed in, have to scroll over to see hidden text on right.

Also please do not use Bill Gates' "title case" and have lower-case the (unless that's a colon : for sub-title).

Wow, I've never felt more ashamed in my life.

Love that flyout panel on right.

Now I feel better. Thanks.