I have tried everything I know to fix this text alignment problem that appears in IE7 browsers - floating boxes differently, re building the effected portion of the site, changing the font, etc. However, in one text box only, IE7 renders each word on a single line.
The page uses inline divs and can be viewed at:
The problem is in the Right column at the bottom (the text at the top (in a separate box) works as it should.
Here is a screenshot of what it looks like in IE7: http://rainbowharmonyproject.ca/IE7.jpg
Typing in an html text block and in the Freeway doc the length of the text block is fine, down to the bottom of the page where it needs to be. But, preview in browser or look at on the web and the text has become larger and is now covering up the links at the bottom of the page.
Any ideas as to why it looks fine in the layout, but when in the browser it is too long? In order for it to look correct in the browser I had to leave about 2 inches of blank space at the bottom in the doc to be correct when in the Safari browser.