*.container { border:1px solid gray;   }

*.default   { width:auto; height:auto; overflow:visible; visibility:visible;   
              margin:0; padding:0; border:none; background-color:gold; }

*.table { border-collapse:separate; table-layout:auto; 
    width:auto; height:auto; visibility:visible;
    margin-left:50px;  margin-right:50px;  margin-top:30px;  margin-bottom:30px; 

    border-left:5px solid gray; border-right:5px solid black; 
    border-top:5px solid gray;  border-bottom:5px solid black; 
    background-color:wheat;}
    
*.cell { width:auto; height:auto; visibility:visible; overflow:hidden;
    padding-left:50px; padding-right:50px; padding-top:20px; padding-bottom:20px;

    border-left:5px solid gray; border-right:5px solid black; 
    border-top:5px solid gray;  border-bottom:5px solid black; 
    background-color:gold; }


/* 
Komórkom tabeli powinno się zdefiniować ustawienie overflow:hidden, dzięki któremu
                zachowywałyby się one tak samo w róznych przeglądarkach.
Dopełnienie nie działa na tabele w przeglądarce Internet Explorer 6.
Marginesy nie działają na komórki tabel.
Elementom thead, tfoot, tbody oraz row można ustawiać tylko tło.
Kolumnom tabel można ustawiać tylko tło i szerokość.
Ustawienie border-collapse:separate sprawia, że puste komórki są różnie prezentowane w poszczególnych przeglądarkach.
*/