title: IE 8 text inside the span tag goes outside the div
body: <p>I am using <code>&lt;span&gt;</code> for display a line of address inside a popup div it works fine in all browsers but in IE 8(only) its not working the span content goes out of the popup div</p>
  
  <p>Inside the popup div all contents are display by using a table and td are assigned with a width.</p>
  
  <p><strong>OUTPUT IN OTHER BROWSERS</strong></p>
  
  <pre><code>|------------------|&lt;--DIV message
  |line1&lt;--td1       |
  |line2&lt;--td1       |
  |Here it goes the a|&lt;--&lt;tr&gt;&lt;td&gt;span&lt;/td&gt;&lt;/tr&gt;
  |ddress not goes   |  
  | outside          |
  |__________________|
  </code></pre>
  
  <p><strong>OUTPUT IN IE8</strong></p>
  
  <pre><code>|------------------|&lt;--DIV message
  |line1&lt;--td1       |
  |line2&lt;--td1       |
  |Here it goes the a|ddress and it goes outside&lt;--&lt;tr&gt;&lt;td&gt;span&lt;/td&gt;&lt;/tr&gt;
  |                  |
  |__________________|
  </code></pre>
  
  <p>The all content including the span is working fine in the all browsers but in IE8 it goes outside. In IE8 it not takes care of the width i assign to the td.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="message"&gt;
  &lt;table&gt;
  &lt;tr&gt;
  &lt;td&gt;
  &lt;span&gt;Here it goes the a|ddress and it goes outside&lt;/span&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.message {width:320px;height:220px;}
  .message table td{width:80px;}
  .message table td span{width:80px;}//I tried like this it works in other browsers not in IE8
  </code></pre>