Я пытаюсь удалить пустое пространство между Table1Header и Table2Header. Я пробовал границы: 0px, отступы: 0px и интервал границы: 0px; стили. Firefox и Opera говорят мне, что мой стиль интервала границ переопределяется стилем пользовательского агента (2 пикселя). Как я могу заставить браузер использовать мои стили?

http://jsfiddle.net/cdjDR/2/

    
        
            
                
                    
                        
                            <span class="tableHeader">Table1Header</span>

                            
                        
                        
                            
                                
                                    
                                        
                                            
                                                
                                                    
                                                        <span><span class="ui-header-text">Table1Col1</span></span>
                                                        
                                                    
                                                
                                            
                                            
                                                
                                                    <span>2</span>

                                                    
                                                
                                            
                                        
                                    
                                
                            
                        
                    
                
            
            
                
                    
                        
                            <span class="tableHeader">Table2Header</span>

                            
                        
                        
                            
                                
                                    
                                        
                                            
                                                
                                                    
                                                        <span><span class="ui-header-text">Table2Col1</span></span>
                                                        
                                                    
                                                
                                            
                                            
                                                
                                                    <span>12345</span>

                                                    
                                                
                                            
                                        
                                    
                                
                            
                        
                    
                
            
        
    


span.tableHeader > label {
    display: inline-block;
    float:left;
    line-height:30px;
    padding-left:10px;
    color: #202020;
    font-size: 13px;
}
tr.tableHeader {
    background-color: #EEEEEE;
}
table.tableGroup, table.tableGroup > tr > td > table {
    border-spacing: 0px;
}
table.tableGroup div.ui-datatable th > div > span >span.ui-header-text {
    color: #808080;
    font-size: 11px;
}
table.tableGroup td, table.tableGroup th {
    padding: 0px;
    border: 0px;
}