Twitter friends widget - sample

HTML

<script src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-1.0.min.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Your Profile & Friends & Friends Tweets </title>
<!-- NOT Required CSS -->
<link href="http://twitter-friends-widget.googlecode.com/svn/v1/demo.css" rel="stylesheet" type="text/css">
<!-- NOT Required CSS -->

<!-- Required CSS -->
<style> 
/* container */
div.twitter-friends{ }

/*------- Header -------*/
div.tf-header{
    border:silver 1px solid;
    overflow:hidden;
    margin:0 0 1px 0;
}
div.tf-header img{
    border:silver 1px solid;
    margin:1px;
    float:left;
    width:32px;
    height:32px;
}
div.tf-header h2{
    line-height:32px;
    font-weight:bolder;
    display:block;
    margin:3px;
    padding:0;
    float:left;
    font-size:12px;
}
/*------- Users -------*/
div.tf-users{
    /* fixed height so container will not flicker within transitions */
    height:240px;
    border:silver 1px solid;
    overflow:hidden;
}
/* user img link*/
div.tf-users a{ 
    display:block;
    float:left;
}
/* user img */
div.tf-users img{ }

/*------- Info Link -------*/
div.tf-info{
    text-align:right;
}
div.tf-info a{
    text-decoration:none;
    font-size:9px;
    font-weight:bolder;
    color:gray;
    font-family:tahoma;
}

/*------- tweet div -------*/
div.tf-tweet{
    /* fixed height so container will not flicker with different length tweets  */
    height:56px;
    overflow:hidden;
}
/* tweet item */
div.tf-tweet div{
    border:silver 1px solid;
    position:relative;
    padding:1px;
    margin:1px 0 0 0;
    overflow:hidden;
    height:50px;
}

/* tweet author avatar */
div.tf-tweet span.tf-avatar{
    display:block;
    width:48px;
    height:48px;
    margin:0 2px 0 2px;
    left:0;
    position:absolute;
 ...