Проблема с блоками в таблице

[_Alexanred_]

Парни, помогите решить вот такую проблему http://prntscr.com/2oxuoi 

Зеленые полоски (что я указал красной рамокй) должна быть по высоте ячейки, в зависимости от height ячейки таблицы. 

 

Код вот такой: 

<table class="char-table-two" >

<tr>

<td><span>Ширина</span></td>

<td><span>мм</span></td>

<td><span>646<br />646<br />646<br />646</span></td>

</tr>

<tr>

<td><span>Глубина</span></td>

<td><span>мм</span></td>

<td><span>530<br />530</span></td>

</tr>

</table>

 

 

 

.char-table-two {

  border-collapse:collapse;

font-size:12px;

margin:4px 0 0 30px;

width:400px;

float:right;

}

.char-table-two th, .char-table-two td, .char-table-two th, .char-table-two td{

color:#3a3a3a;

padding:2px;

}

.char-table-two td {

border-top:1px solid #a2c1a6;

border-bottom:1px solid #a2c1a6;

padding:2px 2px 2px 0px;

}

.char-table-two td span {

border-left:1px solid #a2c1a6;

display:block;

padding:2px 2px 2px 20px;

height:100%;

margin: 0;

}

Edited February 2, 2014 by _Alexanred_

[Aleksandr.L]

Вот так вам надо? http://jsfiddle.net/uPs9p/

[_Alexanred_]

Нужно вот так http://prntscr.com/2oye5s  

+ чтобы это работало в хроме, опере, мозиле и ИЕ от 8-й версии )) 

[Aleksandr.L]

http://jsfiddle.net/uPs9p/2/

 

Больше в голову ничего не приходит... Может у кого еще есть какие мысли.

Edited February 2, 2014 by Aleksandr.L

[_Alexanred_]

Спасибо