html - IE8 CSS Text Spacing Issue Text-Justify -

I am running a CSS text and justify the problem in I8 and to resolve this issue, I8 specific rules Need to create, but I am not very familiar with the process.

Page & amp; The text should look like this: (Use a modern browser like Chrome / Safari / Firefox).

The IE8 spacing showing the IMG attached

How can I fix it? Your help is always appreciated!

CSS

  / * Fancybox gallery divs * / # thumbs {width: 960px; Margin Top: 20px; Margin-left: auto; Margin-right: auto; Text Align: Justify; -M-Text-Support: Distribution-All-Line; Text-Support: Distribution-All-Line; } #thumbs a {vertical-alignment: top; Display: Inline-block; * Display: Inline; Zoom: 1; }. Stretch {width: 100%; Display: Inline-block; Font-size: 0; Line-height: 0} / * description * / # character-wrapper {width: 960px; Padding-top: 5px; Margin-left: auto; Margin-right: auto; Text Align: Justify; -M-Text-Support: Distribution-All-Line; Text-Support: Distribution-All-Line; } .description {float: left; Width: 320px; // Increase the width for the margin between the picture height: 25px; Text align: center; Margin-down: 30px; }. Clear {clear: both; }   
  HTML   
  & lt ;! / Photo thumb line 1 - & gt; & Lt; Div id = "thumb" & gt; & Lt; An id = "single_image" href = "/ bp / images / roscoes-run.jpg" & gt; & Lt; IMG src = "/ bp / image / rosco-run (thumb) .jpg" alt = "" /> & Lt; / A & gt; & Lt; A id = "single_image" href = "/ bp / images / roscoes-run-2.jpg" & gt; & Lt; IMG src = "/ bp / images / rosco-run-2 (thumbs) .jpg" alt = "" /> & Lt; / A & gt; & Lt; An id = "single_image" href = "/ bp / images / chicken-waffles.jpg" & gt; & Lt; IMG src = "/ bp / images / chicken-waffle (thumbs) .jpg" alt = "" /> & Lt; / A & gt; & Lt; Duration class = "section" & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt ;! - / description - & gt; & Lt; Div id = "desc-wrapper" & gt; & Lt; Div class = "description" & gt; Rosco's Run 2012 & lt; / Div & gt; & Lt; Div class = "description" & gt; Rosco's Run 2012 & lt; / Div & gt; & Lt; Div class = "description" & gt; Rosco's Run 2012 & lt; / Div & gt; & Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - / photo thumb line 2 - & gt; & Lt; Div id = "thumb" & gt; & Lt; An id = "single_image" href = "/ bp / images / mens-retreat-2012.jpg" & gt; & Lt; Img src = "/ bp / images / mens-retreat-2012 (thumbs) .jpg" alt = "" / & gt; & Lt; / A & gt; & Lt; An id = "single_image" href = "/ bp / images / winter-retreat-2012.jpg" & gt; & Lt; IMG src = "/ bp / image / true-retreat-2012 (thumb) .jpg" alt = "" /> & Lt; / A & gt; & Lt; An id = "single_image" href = "/ bp / images / new-years-eve-2012.jpg" & gt; & Lt; Img src = "/ bp / images / new-years-eve-2012 (thumb) .jpg" alt = "" /> & Lt; / A & gt; & Lt; Duration class = "section" & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt ;! - / description - & gt; & Lt; Div id = "desc-wrapper" & gt; & Lt; Div class = "description" & gt; Men's Retreat 2012 & lt; / Div & gt; & Lt; Div class = "description" & gt; Winter Retreat 2012 & lt; / Div & gt; & Lt; Div class = "description" & gt; New Year's Eve 2012 & lt; / Div & gt; & Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; / Div & gt;    
 
 
  attempt to add text-justify: inter-word  Please .description style.