Tópicos e mensagens em modo hover atrapalhando imagens

Qual é minha questão:
A imagem já explica.
Seguinte: Usei esse code abaixo como no tutorial, mas está atrapalhando as imagens, invadindo o espaço. Não há maneira de chegar a aba "Última Mensagem" mais para a direita?

Código:

jQuery(function(){jQuery('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display','none');jQuery('li.row').hover(function(){posts=jQuery(this).find('dd.posts').html();topics=jQuery(this).find('dd.topics').html();jQuery(this).find('dd.dterm div h3').append('<span class="row_info" style="display: none; background-color: #F3F3F3; border: 1px solid #eee; padding: 3px; margin-left: 20px; width: auto;"><strong>'+topics+'</strong> Tópicos & <strong>'+posts+'</strong> Mensagens</span>');jQuery('.row_info').show(1000).css('display','inline')},function(){jQuery('.row_info').hide(1000).remove()})});

Endereço do meu fórum:
http://portalhf.forumeiros.com

Versão do fórum:
PHPBB3

Olá,

Adiciona este código em sua Folha de estio CSS

ul.forums dd {
position: absolute!important;
left: [color=red]150[/color]px;
}

Vermelho: Altere ate que fique como deseja

Até

Não deu certo amigo...
Olhe o que resultou>>

Olá,

Tente utilizar este código

dd.lastpost {
position: absolute!important;
left: 150px;
}

Até

Funcionou! Obrigado!
Tópico resolvido!