Верхняя граница из тела и нижняя граница из экрана не работают одновременно?

У меня есть очень простая таблица:

        

        

            
Nombre
                
Provincia
            
Municipio
        
    
    

        


            
1VESTIBULUM TORTOR NISL 
            
Sevilla
            
Castilleja de la Cuesta
        
        


            
4VESTIBULUM TORTOR NISL 
            
Sevilla
            
Castilleja de la Cuesta
        
    

Мне нужно это:

------------
head
------------1px border #fff
------------3px border #gray
body
------------

Я могу показать только одну из границ, а не две одновременно. Это не очень важно, но мне любопытно, что вызывает эту проблему.

Мой css:

thead{border-bottom: 1px solid #fff;}
tbody{border-top: 3px solid #4d4d4d;}

РЕДАКТИРОВАТЬ:

Поскольку кажется, что обрушение границы может быть проблемой, но я не могу заставить ее работать Я установил эту песочницу:

http://jsfiddle.net/bRVEu/

Там вы видите только серую границу, а прямо поверх нее должна быть белая граница размером 1 пиксель