Salve, vorrei creare una tabella per organizzare e ordinare meglio le sezioni di questa pagina: http://goo.gl/zyVXv

Tra poco vi posterò il file .js che uso per questa pagina, in questo file troverete questa linea: template: "{avatar}{join}{text}
{time}"

Vorrei che la tabella fosse così organizzata:
---------Colonna 1-------------Colonna 2
Riga 1 -------------------------{join}{text}
---------{avatar}
Riga 2 -------------------------{time}

Mi piacerebbe che l'avatar fosse al centro tra le due righe e al centro della prima colonna, insomma, al centro in x e y.

Mi scuso anticipatamente per la lunghezza del messaggio e ringrazio tutti per la pazienza

Il codice della pagina è il seguente:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Twitter Blog</title>
<link rel="icon" href="http://www.eminemitalianblog.it/Facebook%20Tabs/Twitter%20Blog/favicon.gif" type="image/gif"/>

<style>
body {
	height: 100%; width: 520px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; overflow: hidden;
	}
</style>

<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="http://www.eminemitalianblog.it/Facebook%20Tabs/Twitter%20Blog/jquery.tweet.js" type="text/javascript"></script> 



<link href="http://www.eminemitalianblog.it/Facebook%20Tabs/Twitter%20Blog/jquery.tweet.css" media="all" rel="stylesheet" type="text/css"/> 

</head>

<body>

<script type='text/javascript'>
    jQuery(function($){
        $(".tweet").tweet({
            username: "eminemblog",
            avatar_size: 50,
            count: 9,
            loading_text: "Loading tweets..."
        });
    });
</script> 

<div class="tweet"></div> 

</body>
</html>

Il codice dello javascript è il seguente:
http://goo.gl/nVvcS