Thought I would post this up for sake of posterity.

Had a a weird IE7 bug where each word in a div was wrapping
to a new line.

The solution: declare a width for the Div
e.g. width: 500px;

Solved.

What is the code that causes the problem?

purely in the interests of science of course.

<table class="views-view-grid">
<tbody>
<tr class="row-1 row-first">
<td class="col-1">

<span class="views-field-model">foo</span>

<span class="views-field-body">foo</span>

<span class="views-field-title">bar</span>

<div class="views-field-desc-value">

           <div class="field-content">Lorem  ipsum dolor sit amet, taciti dolor   ut nisi vitae, quis sit quisque  morbi aliquam suspendisse proin, integer sed arcu in amet.</div>



</div>



</td>
</tr>
</tbody>
</table>

It's a Drupal generated Views Table, with all elements within the container cell floated left. On IE7 it wraps every word to a new line unless you give the bolded Div an explicit width.

I think I would have tried removing those unclosed spans before setting a fixed width.

Sorry Chris, don't follow you.
The Spans are closed off.

Maybe you posted after I updated the code block.

Possibly.

Mind you without any CSS it's impossible to recreate.

But as it is a div in a table cell (never a good combination) and without any explicit widths set on the table the cell would simply collapse to the longest word length in the column and as a block element such as a div is always as wide as the parent is ....