<table border="0" cellspacing="1" cellpadding="0" width="100%" class="catsTable">   
   <tr>   
   <td style="width:100%" class="catsTd" valign="top">   
   <a href="#" class="catName">Категория 1</a>   
   <span class="catNumData" style="unicode-bidi: embed;">[0]</span>   
   </td>   
   </tr>   
     
   <tr>   
   <td style="width:100%" class="catsTd" valign="top">   
   <a href="#" class="catName">Категория 2</a>   
   <span class="catNumData" style="unicode-bidi: embed;">[0]</span>   
   </td>   
   </tr>   
     
   <tr>   
   <td style="width:100%" class="catsTd" valign="top">   
   <a href="#" class="catName">Категория 3</a>   
   <span class="catNumData" style="unicode-bidi: embed;">[0]</span>   
   </td>   
   </tr>   
     
   <tr>   
   <td style="width:100%" class="catsTd" valign="top">   
   <a href="#" class="catName">Категория 4</a>   
   <span class="catNumData" style="unicode-bidi: embed;">[0]</span> 
   </td>   
   </tr>   
     
   <tr>   
   <td style="width:100%" class="catsTd" valign="top">   
   <a href="#" class="catName">Категория 5</a>   
   <span class="catNumData" style="unicode-bidi: embed;">[0]</span>   
   </td>   
   </tr>   
     
   <tr>   
   <td style="width:100%" class="catsTd" valign="top">   
   <a class="catName" href=#">Категория 6</a>   
   <span class="catNumData" style="unicode-bidi: embed;">[4]</span>   
   </td>   
   </tr>   
     
   <tr>   
   <td style="width:100%" class="catsTd" valign="top">   
   <a href="#" class="catName">Категория 7</a>   
   <span class="catNumData" style="unicode-bidi: embed;">[5]</span>   
   <div class="catDescr">Описание</div>   
   </td>   
   </tr>   
   </table>

.catsTable {width:200px;overflow:hidden;border-collapse:0px;overflow: hidden;}   

.catsTd {width:200px;height:20px;color:#000;}   

a.catName:link,a.catName <img src="/.s/sm/2/v.gif" border="0" align="absmiddle" alt="v" /> isited,a.catName:active {font:10px Arial,sans-serif;color:#eee;margin:0;float:left;width:200px;height:18px;display:block;position:absolute;padding:4px 0 0 11px;border-top: 1px solid #ccc!important;}   

.catsTd a:hover{background:#eee;}   
     
.catNumData {float:right;margin: 5px 5px 0 0;position: relative;font:9px Arial,sans-serif;font-weight: bold;}   
     
.catDescr{color:#484848;font-weight: bold;text-align:right;padding: 9px 6px 0 0;margin: 21px 0 4px 0!important;border-top: 1px solid #ccc!important;}

<script type="text/javascript"> 
var img = {[b]1:'/img/1.png',[b]2:'/img/2.png',[b]3:'/img/3.png',[b]4:'/img/4.png'}; 
for(i in img) 
$('#cid'+i).find('a' <img src="/.s/sm/2/wink.gif" border="0" align="absmiddle" alt="wink" /> .before('<span [b]style="padding: 2px;"><img src="'+img[i]+'" [b]style="vertical-align: -4px;" border="0" /></span>' <img src="/.s/sm/2/wink.gif" border="0" align="absmiddle" alt="wink" /> ; 
</script>

<script type="text/javascript"> 
$('.catNumData' <img src="/.s/sm/2/wink.gif" border="0" align="absmiddle" alt="wink" /> .each(function () { 
$(this).html($(this).html().replace(/\[|\]/g, '' <img src="/.s/sm/2/wink.gif" border="0" align="absmiddle" alt="wink" /> ); 
}); 
</script>