Footer issue in IE browser

Hi,

I am using the Attitude theme and I have created a child theme and activated it on dev website.

I have changed the theme footer adding additional lines and it looks fine in most browsers with the exception of Internet Explorer where the text looks jumbled.

It would be really helpful if you could advise changes to the code below so the text displays in all browsers?

// Remove old copyright text
add_action( 'init' , 'sfs_remove_copy' , 15 );
function sfs_remove_copy() {
        remove_action( 'attitude_footer', 'attitude_footer_info', 30 );
}

// Add my own copyright text
add_action( 'attitude_footer' , 'sfs_footer_info' , 30 );
function sfs_footer_info() {
   $output = '<div class="copyright">'.'All Rights Reserved [site-link] ? [the-year] '.'</div><!-- .copyright -->
   <div id="footer-info">
	<p>
		Registered office: Dibles House, Dibles Road, Warsash, Southampton, Hants. SO31 9JL.<br />
		Registered in England No 6943864
	</p>
   </div> <!-- #footer-info -->';
   echo do_shortcode( $output );
}

https://www.ads-software.com/support/theme/attitude

Rgds,
Jules