Remove this from your codes:
CODE
<span class="off">!-Start Block to Shift Comments To Center-!</span>
<style>
{!-Change the top px value as needed. This is distance B on the chart-!}
table.friendscomments {position:relative; left:-1%;}
table.friendscomments {width:800px !important;}
table.friendscomments td, table.friendscomments table {width:100% !important}
table.friendscomments table table td {width:auto !important;}
</style>
<span class="off">!-END Block to Shift Comments To Center-!</span>
<style>
table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image: ;
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 70px !important;
color: 000000!important;
width: 800px;
position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 10px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000!important;
_border-right: 1px 000000!important;
_height: 70px !important;
_margin-bottom: -1px !important;
}
</style>
Then on that bit of code you posted, replace this:
CODE
<style>
.i {display:none;}
div.myDClassFC {height:400px !important; overflow-x:hidden !important}
</style>
With this:
CODE
<style>
.i {display:none;}
div.myDClassFC {height:400px !important; width: 785px!important; overflow-x:hidden !important}
</style>
That should do it.