IE6/7 literally interpret whitespace in list items

Question

How do you get Internet Explorer 6 and 7 to not literally interpret whitespace and line breaks in HTML list items? In the image below, I have marked the undesired whitespace in red. I would prefer to not squeeze everything into one giant line of code. It's very hard to read that way. Is there a CSS alternative?

<ol>
 <li>
  <img>
  Sentence 1
  Sentence 2
 </li>
 <li>
  <img>
  sentence
 </li>
 <li>
  sentence
 </li>
</ol>

Answer 1

Use a different browser? haha, but in all seriousness, i would suggest just formatting your code to show it properly. Perhaps encapsulating the sentances in spans could do it

<ol>
 <li>
  <img>
  <span>Sentence 1</span>
  <span>Sentence 2</span>
 </li>
 <li>
  <img>
  <span>sentence</span>
 </li>
 <li>
  <span>sentence</span>
 </li>
</ol>

Answer 2

Here is some useful information Closing gaps in ie