Расстояние между thead и tbody

У меня есть простая таблица html вроде этой:

  

    
Column 1
Column 2
  
  

    
Value 1
Value 2
    
Value 3
Value 4
    
Value 5
Value 6
    
Value 7
Value 8
  

И я хотел бы оформить ее следующим образом:

• строка заголовка с тенью блока
• пробел между строкой заголовка и первой строкой тела

Я пробовал разные вещи:

table {
    /* collapsed, because the bottom shadow on thead tr is hidden otherwise */
    border-collapse: collapse;
}
/* Shadow on the header row*/
thead tr   { box-shadow: 0 1px 10px #000000; }
/* Background colors defined on table cells */
th         { background-color: #ccc; }
tr.even td { background-color: yellow; }
tr.odd td  { background-color: orange; }

/* I would like spacing between thead tr and tr.first-row */

tr.first-row {
    /* This doesn't work because of border-collapse */
    /*border-top: 2em solid white;*/
}

tr.first-row td {
    /* This doesn't work because of border-collapse */
    /*border-top: 2em solid white;*/
    /* This doesn't work because of the td background-color */
    /*padding-top: 2em;*/
    /* Margin is not a valid property on table cells */
    /*margin-top: 2em;*/
}

См. Также: http://labcss.net/#8AVUF

Есть ли у кого-нибудь советы, как Я мог это сделать? Или добиться того же визуального эффекта (например, бод-тень + интервал)?