<ul id="member_list">  	 
    <li>
        <a href="javascript:this.refresh() "class="priv_btn"> </a>  
        <span>Вася Пупкин</span>            
        <a href="javascript:alert('ii');" class="info_btn"> </a>  
    </li>
    <li>
        <a href="javascript:alert('!!');" class="priv_btn"> </a>  
        <span>Сессия туфта</span>            
        <a href="javascript:alert('ii');" class="info_btn"> </a>  
    </li>
    <li>
        <a href="javascript:alert(this.className);" class="priv_btn"> </a>  
        <span>Петя Васечкин</span>            
        <a href="javascript:alert(this.className);" class="info_btn"> </a>  
    </li>	    
</ul>

    var list = document.getElementById("member_list");    
    var li = document.createElement("li");    
    var span = document.createElement("span");    

    var a = document.createElement("a");    
    a.setAttribute("href", "javascript:alert('i1');")
    a.setAttribute("class", "priv_btn")
    a.appendChild(document.createTextNode('\xA0')); 		
 		
 		
    span.appendChild(document.createTextNode(TextStr));
 	
    var a1 = document.createElement("a1");    
    a1.setAttribute("href", "javascript:alert('i2');")
    a1.setAttribute("class", "info_btn")
		a1.appendChild(document.createTextNode('\xA0')); 		
 						    
    li.appendChild(a);
    li.appendChild(span);
    li.appendChild(a1);
    list.appendChild(li);

    ul {
        list-style:none;
        margin: 0 ;
        padding: 0 ;
    }
    li {
        margin: 0 ;padding: 0 ;
        width: 100 %;
        clear:both;
    }
    li span {
        float:left;
    }
   .priv_btn { 
       background:url(images/priv.gif) center center no-repeat;
       margin: 0 ;
       padding: 0  7px;
       text-decoration:none;
       float:left;
	}
  .info_btn {
      background:url(images/tr_i.gif) bottom center no-repeat;
      margin: 0 ;
      padding: 0  7px;
      text-decoration:none;
      float:left;
      
  }