Помогите пожалуйста зделать нормально, как тут --> http://igromania.ru/articles/113764/Ace_Attorney_Investigations_Miles_Edgeworth.htm (не реклама!)

Вот CSS файл:

div.block2_comments_header_gray_off {
width: 463px;
position: relative;
background-image: url(img/block2_allnews_arrow_off.gif);
background-repeat: no-repeat;
background-color: #eeeeee;
background-position: 9px 7px;
padding: 4px 0px 4px 21px;
border-bottom: 1px solid #c5c5c5;
margin-left: -2px;
font-family: Tahoma;
font-size: 9px;
font-weight: bold;
color: #5E5D5D;
cursor: pointer;
}

div.block2_comments_header_gray_on {
width: 463px;
position: relative;
background-image: url(img/block2_allnews_arrow_on.gif);
background-repeat: no-repeat;
background-color: #eeeeee;
background-position: 9px 7px;
padding: 4px 0px 4px 21px;
border-bottom: 1px solid #e1e1e1;
margin-left: -2px;
font-family: Tahoma;
font-size: 9px;
font-weight: bold;
color: #5E5D5D;
cursor: pointer;
}
div.block2_headnews_rightinfo {
position: absolute;
right: 100px;
top: 3px;
* top: 1px;
font-family: Tahoma;
font-size: 9px;
font-weight: normal;
color: #5E5D5D;
}
div.block2_headnews_rightinfo1 {
position: absolute;
right: 10px;
top: 8px;
* top: 6px;
font-family: Tahoma;
font-size: 9px;
font-weight: normal;
color: #5E5D5D;
}
div.block2_headnews_rightinfo1s {
position: absolute;
right: 10px;
top: 3px;
* top: 1px;
font-family: Tahoma;
font-size: 9px;
font-weight: normal;
color: #5E5D5D;
}
span.block2_newscomment_time {
margin: 0px;
font-weight: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
}
span.block2_newscomment_user {
color: #000;
margin: 0px 5px 0px 5px;
font-weight: bold;
}
div.block2_comment_gray {
width: 483px;
position: relative;
margin-left: -2px;
background-color: #eeeeee;
border-bottom: 1px solid #c5c5c5;
}
table.block2_usercomment {
width: 484px;
border: 0px solid red;
margin: 0px 0px 0px 0px;
border-collapse: collapse;
}
table.block2_usercomment tr {
vertical-align: top;
}
td.block2_userpic {
width: 800px;
vertical-align: top;
padding-top: 5px;
}
div.block2_absdiv_userpic {
position: relative;
width: 70px;
height: 60px;
border: 0px solid green;
}
img.block2_upicbord {
width: 47px;
height: 47px;
border: 0px;
position: absolute;
top: 5px;
right: 10px;
}
td.block2_usertext {
width: 413px;
padding: 5px 10px 5px 5px;
vertical-align: top;
font-size: 10px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div.block2_comment_voting {
text-align: right;
margin: 0px 10px 5px 0px;
font-family: Tahoma;
font-size: 10px;
font-weight: bold;
color: #a1a1a1;
}
div.block2_comment_voting a {text-decoration:none;}
img.yesno {
width: 27px;
height: 11px;
border: 0px;
margin: 0px 1px 0px 1px;
vertical-align: top;
margin-top: 2px;
}

ВОт comments.tpl:

<div id="messageid6491-header" class="block2_comments_header_gray_off block2_comments_header_gray_on">
<div class="block2_headnews_rightinfo">{group-name} [group=1,2,3]| {ip}[/group]</div>
<span class="block2_newscomment_time">{date=d-m-Y H:i}</span> <span class="block2_newscomment_user">{author}</span>
</div>


<div class="block2_comment_gray" style="display: block;" id="messageid6491">
<table class="block2_usercomment" cellpadding="0" cellspacing="0" border="0">

<tr>
<td class="block2_userpic"><div class="block2_absdiv_userpic"><img src="{foto}" class="block2_upic" alt=""></div>
</td>
<td class="block2_usertext">{comment} [signature]<br />--------------------------<br />{signature}[/signature]</td>
</tr>
</table>
<div class="block2_comment_voting">
[not-group=5][fast]цитировать <img src="{THEME}/images/yes.gif" class="yesno" alt="+" style="cursor:pointer;">[/fast]
[com-edit] | редактировать[/com-edit]
[com-del] | удалить [/com-del][/not-group]
</div>
</div>

Помогите пожалуйста!! --> Тому кто поможет, дам 15 рублей!!