Нужна помощь CSS

Вот такой вопрос нужна ленточка как на topstat.info(там где номер сайта синяя ленточка) но я полный ламер в css

вот css
.number{
background:url('img/r-g-
blue.png') no-repeat right top,
url('img/white.png') repeat-y
right,
url('img/num-bot.png') repeat-x
bottom,
url('img/r-g-left.png') no-repeat
left top #2f9adb;
padding:7px;
padding-right:13px;
color:#fff;
font-size:14px;
text-shadow:#135fc6 0px 1px
0px;
display:inline-block;
margin-left:16px;
position:relative;
}

вот html
<div class="number">3</
div><table><tr><td
width="100%">нет
<span>нет</
span>нет<span>нет<b>нет</b></span></td><td width="10%"></td></tr></table> </div>
только надо что бы она не на
таблице висела а на полоске
разделителе примерно как
прямоугольники у заголовков
разделов вот тут http://journal.lark.ru
Добавлено 30.11.14 в 23:06:34:
Ну или обьясните как сделать что то подобное
я видел много статей как сделать горизонтальную лену а вот вертикальную(как бы свисающую с раздела) найти ни как не могу
результан нужен примерно как на прикрепленном файле

Прикрепленные файлы:
PROFIWM_COM_1855_1027848_LENTOCHKA.png (1.26 кб)