Small issue with text repeating onto another line

Really not sure why this is happening and it is only happening in IE not Chrome. The text I highlighted at the bottom (I highlighted a portion just to show I’ve not just accidentally duplicated text and am highlighting them both), 3 letters ‘ign’ are repeated for some reason and I can’t figure out why.

Wasn’t sure if it was a CSS problem but could use some help as I really don’t know whats causing it but its obviously bad for site design.

Help is appreciated, thanks in advance.

IE:

CHROME:

CSS CODE:

@charset "utf-8";
/* CSS Document */

body{
	background-color:#FFFFFF;
	padding-top:15px;
	padding-left:22.5%;
	padding-bottom:0;

	font-family: Verdana, Arial, Helvetica, sans-serif; /*Tahoma,*/
	line-height: 150%;
	letter-spacing:0px;
	font-size:0.70em;
	font-weight:normal;
	color:#777;
	white-space:normal;
	}	
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Navigation Bar Code////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
ul{list-style-type:none;margin:0;padding:0;float:left;position:relative;left:50%;}
li{float:left;right:50%;position:relative;}

a.nav:link,a.nav:visited
	{font-size:14px;display:block;text-align:center;width:127px;height:30px;font-weight:bold;color:#FFFFFF;background-color:#6499c1;padding:4px;text-decoration:none;text-transform:uppercase;}
a.nav:hover,a.nav:active{background-color:#C40005;color:#ffffff;height:30px;font-size:14px;}

a.footer:link {color:#000000;text-decoration:none;font-size:11px;}    /* unvisited link */
a.footer:visited {color:#000000;text-decoration:none;font-size:11px;} /* visited link */
a.footer:hover {color:#bf4c4c;text-decoration:none;font-size:11px;}   /* mouse over link */
a.footer:active {color:#000000;text-decoration:none;font-size:11px;}  /* selected link */

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
End Navigation Bar Code//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
	
h1{color:#C33;text-align:center;text-transform:font-style:underline;}	
h2{color:#ffffff;text-align:left;text-transform: capitalize;}


p{font-size:12px;}
	.contentheader{font-size:1.5em;text-align:left;vertical-align:middle;color:#ffffff;padding:5px 5px 10px 5px;text-transform:capitalize;font-weight: bold;}
	.sidebarheader{font-size:1.3em;text-align:center;vertical-align:middle;color:#ffffff;text-transform:uppercase;font-weight: normal;padding:2px 0 2px 0;}
	.contentdetails{font-size:1.1em;text-align:left;vertical-align:top;color:#000000;padding:5px 5px 5px 5px;}
	.copyright{font-size:9px; text-align:center;vertical-align:text-top;}
	.testimonials{font-size:1em;text-align:left;vertical-align:text-top;padding:0 5px 0 5px;font-style:italic;}
	.compensationdetail{font-size:1.4em;color:#000;text-transform:uppercase;font-style:bold;padding: 0 5px 0 0;vertical-align:middle;}
	.disclaimer{font-size:9px;}
	.displayerror{color:#C06;}
	.contact{font-size:0.9em;text-align:left;}


/*//////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////DIVs 
////////////////////////////////////////////////////////////////////
*/
.shell {width:950px; padding:0; margin:0;}
.main  {width:100%; padding:0 ; margin:0 auto;overflow:auto;
		box-shadow: 0px 0px 5px 5px #ccc;
		-moz-box-shadow: 0px 0px 5px 5px #ccc;
		-webkit-box-shadow: 0px 0px 5px 5px#ccc;}

.header {margin:0 auto;text-align:left;width:100%;margin-bottom:3px;}
	.logo { float: left; padding:10px 0 15px 15px; margin:0; width:45%;}
	.logo2{ float: right; padding:10px 5px 0 0; margin:0;width:34%}

.body { width:100%; margin:0 auto; padding:0 0 0 0;}
	.navbar {margin:0 0;background:#6499c1;float:left;width:100%;height:30px;text-align:center;vertical-align:middle;white-space:normal;overflow:hidden;}
	.navarea{width:100%;float:left; height:107px;background:#ffffff;background-image:url('images/banner4.jpg');background-repeat:no-repeat;}		/*background-image:url('images/cash4aCLAIM_15.jpg');background-repeat:no-repeat;*/	

.content{width: 100%;float:left;background:#ffffff;padding: 5px 0 0 0;}
	.contentleft{width:72%;float:left;}
		.contentleftshell{width:100%;padding: 0 0 0 5px;}
		.contentleftheader{width:100%;background:#6499c1;}
		.contentleftdetail{width:100%;background:#ffffff;}
	.contentright{width:25%;float:right;padding: 0 3px 5px 3px;text-align:right;background:#fff;}
		.contentrightheader{width:100%;background:#6499c1;}
		.contentrightdetail{width:100%;padding:1em 0 1em 0;text-align:center;}
.footermain{width:100%;float:left;}
	.footerdivider{width:100%;background:#6499c1;height:3px;float:left;}
	.footerleft{width:50%;float:left;}
	.footerright{width:50%;float:right;text-align:center;}
	.footerdisclaimer{width:100%;float:left;}	


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
End Navigation Bar Code//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
	
select { background-color: #f5f5f5; color: #000000; margin-bottom: 10px;border: 1px solid #999999;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}
label {
		display: block;   
		width: 40%;    
		padding: 2px 0 2px 0;
		float:left;
		margin-right: 1em;
 		font:bold 12px Arial, Helvetica, sans-serif; 
		color:#505050; 
		text-transform:capitalize;}
label em {color: #C33;font-size: 85%;font-style: normal;text-transform: uppercase;}
textarea:focus, input:focus {border: 1px solid #FC0;}
form {border: 1px solid #666699;padding: 5px;font-family: Verdana, Arial, Helvetica, sans-serif;}
	.fields {  
		background-color: #f5f5f5;  
		color: #000000;  
 		border: 1px solid #999999;  
 		font-family: Verdana, Arial, Helvetica, sans-serif;  
 		font-size: 14px;  
 		text-align: left;
 		margin-bottom: 10px;}
	.errorstyle{
		border:2px solid #C03;
		background-color: #f5f5f5; 
		color: #000000;    
 		font-size: 14px;  
 		text-align: left; 
 		margin-bottom: 10px; }	
	.buttons {   
 		font-size: 14px;  
		background-color: #000000;  
 		color: #ffffff;  
		float:right;}
fieldset {   
		font-size:14px;
		margin: 0 0 -1em 0;      
		padding: 0 0 1em 0;  
		border: 0 #000;    
		background-color: #ffffff;}  
	.alt{background-color:#ffffff;}
legend {margin-left: 1em;color: #000000;font-weight: bold;padding: 0; }  
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
End Navigation Bar Code//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


form.formmini {font-family: Verdana, Arial, Helvetica, sans-serif;border:0px;text-align:right;background:#6499c1;}
	.fieldsmini {  
		background-color: #f5f5f5;  border: 1px solid #999999;
		color: #000000;    
 		font-family: Verdana, Arial, Helvetica, sans-serif;  
 		font-size: 14px;  
 		text-align: left;padding: 0 0 0 0; }
	.buttonsmini {   
		display: block;
		float:right;
		font-weight:bold;border:1px solid #000;
 		font-size: 14px;  
		background-color:#C40005;  
 		color: #fff;}
	.labelmini {
		display: block;  
		text-align:right; 
		vertical-align:middle;
		padding: 4px 0 2px 0;
		float:left;
 		font:bold 12px Arial, Helvetica, sans-serif; 
		color:#ffffff; 
		text-transform:capitalize;}

HTML CODE:

<html>
<head>
<title>cash4aClaim - No Win, No Fee Cash Compensation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<meta content="Accident claims designed to get you compensation" name="title"/>

<meta content="cash4aClaim are legal representatives who aim to secure you financial compensation for injuries that were not your fault and you keep 100% of the compensation!" name="description"/>


<meta content="Injury Solicitors, No Win No Fee, Accident Claim Solicitors, Personal Injury Claims, Work Accident Compensation, Whiplash Claim, accident claims solicitor, accident claims solicitors, no win fee, no win no fee accident, no win no fee accident claim,  no win no fee accident claims, no win no fee claim, no win no fee claims, no win no fee compensation, no win no fee compensation claim, no win no fee injury, no win no fee lawyers, no win no fee solicitor, no win no fee solicitors, no win no fee uk, personel injury claims, claim compensation for whiplash, claim for whiplash, claims for whiplash, whiplash claims, whiplash compensation claim, whiplash injury claim, whiplash injury claims, work accident compensation claim" name="keywords"/>


<link href="style.css" rel="stylesheet" type="text/css" />

<!--[if IE]>
<style type="text/css" media="screen">.main  {width:100%; padding:0 ; margin:0 auto;overflow:auto;border:3px solid #000000;}</style>
<![endif]-->
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body>
<!-- Save for Web Slices (Untitled-12.psd) -->

<!--START MAIN-->
<div class="shell">
<div class="main">
					<!-- START HEADER -->
					<div class="header">
       						<div class="logo"><img src="images/logo.jpg" width="335" height="74" alt=""></div>
        					<div class="logo2">
                                <form method='post' action='callbackthankyou.php' class='formmini'>
	 								<label for='fullname' class='labelmini'>Name:</label><input type='text' name='fullname' class='fieldsmini' maxlength='25' /><br />
	 								<label for='telno' class='labelmini'>Contact Number:</label><input type='text' name='telno' class='fieldsmini' maxlength='11'  /><br />
												<input type='submit' name='callbacksubmitted' value='Call Me Back' class='buttonsmini'/>
								</form>
                            </div>
                            <div class="navbar">
  									<ul>
        								<li><a href="index.php" class="nav">Home</a></li> 
           								<li><a href="claim.php" class="nav">Claim Now</a></li>
           		 						<li><a href="services.php" class="nav">Services</a></li> 
           		 						<li><a href="testimonials.php" class="nav">Testimonials</a></li>
            							<li><a href="about.php" class="nav">About Us</a></li>
            							<li><a href="contact.php" class="nav">Contact</a></li>
            							<li><a href="#" class="nav">Blog</a></li>
        							</ul>
  							</div>
					</div>
    				<!-- END HEADER -->
    
    				<!-- START BODY -->
  					<div class="body">
							<div class="navarea"></div>
                            
                       		<!--START CONTENT -->    
							<div class="content">
                           		<div class="contentleft">
                                	<div class="contentleftshell">
                                    	<div class="contentleftheader"><p class="contentheader">no win no fee solicitors</p></div>
                                        	<div class="contentleftdetail"><p class="contentdetails">Today we talk about news and why we news the news that newses news for the  </p></div>
                                        		<br/>
                                     </div>
                                </div>
					  			
                                <div class="contentright">
                                	<div class="contentrightheader"><p class="sidebarheader">What is my claim worth?</p></div>
                                	      		
                               <div class="contentrightdetail">   <p><a href="claim.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('MenuButton5','','images/claimbuttonRoll.gif',1)"><img src="images/claimbutton.gif" alt="claim now" 		name="MenuButton5" width="220" height="78" border="0"></a></div>
 
                      <div class="contentrightheader"><p class="sidebarheader">Testimonials</p></div>
                                    	<p class="testimonials">"Cash4aClaim dealt with my claim quickly and with no effort on my end...  I was able to get £3,534 in compensation for my injury plus the additional £200 bonus money so I was very happy with how the staff handled my claim.  I would definitely go to them in the future if I ever needed to claim again, though hopefully that won't be happening.  Thanks cash4aClaim."</p><b>~Dr. V., Oldham</b>
                                        
                      <div class="contentrightheader"><p class="sidebarheader">Contact Info</p></div>
                      			<p class="contact"><b>Address: <br>
                      			</b>394 Lees Road<br>
                      			Clarksfield<br>
                      			Oldham<br>
                      			Lancashire<br>
                      			OL4 5EP<br>
                      			<br />
              						<b>Telephone: <br>
              						</b>0161-284-0644<br>
              						<br />
              						<b>FAX: <br>
              						</b>0191-284-0639<br>
              						<br />
           						  <b>Email:<br>
           						  </b> <a href="mailto:customerservice@cash4aclaim.com"class="footer">customerservice@cash4aclaim.com</a></p>
<div class="contentrightdetail">  <img src="images/contactmap.gif" alt="map"></img> </div>                 
						  		</div>
                                
                			</div>
                        	<!--END CONTENT-->
                        
                    		<!-- START FOOTER -->    
							<div class="footermain">
            					<div class="footerdivider"></div>
    								<div class="footerleft"></div>
 					       			<div class="footerright">
        		 					 					<p class="copyright"><a href="home.php" class="footer">Home</a> | 
                                     					<a href="claim.php"class="footer">Claim Now</a> | 
                                                        <a href="faq.php"class="footer">FAQ</a> | 
                                                        <a href="about.php"class="footer">About</a> | 
                                                        <a href="contact.php"class="footer">Contact</a> | 
                                                        <a href="legal.php"class="footer">Legal Notice</a> | 
                                                        <a href="http://www.webexposure.co.uk"class="footer">SEO Design</a><br>
        		    									Copyright © cash4aCLAIM.com 2010 | Web Exposure Design</p>
  			  						</div>

                				</div>
   							</div>
                            <!--END FOOTER-->
                              </div>
                                            				<div class="footerdisclaimer"><p class="disclaimer">*Payment made only upon successful conclusion of your claim following the verification and commencement of action against a third party insurer/organisation/individual leading to payment of compensation. We will then pay you up to an additional &pound;200 for using cash4aclaim as your legal representative.</p>
  					</div>
                    <!--END BODY-->
<!--END MAIN-->
</div>


<!-- End Save for Web Slices -->
</body>
</html>

If only someone had taken a photo of my face the first time I encountered this bug.

It’s caused by two or more comments being placed between floated elements.

See:

http://www.toastedweb.si/docs/ie_ghost_text_bug_fix.html

Mostly bizarre because I’m in IE8 not 6 but it did work. Thankyou