I am trying to design a page where there are some tables. It seems that styling tables is much more painful than it ought to be.
The problem is the following: The ta
NOTE this answer is now incorrect. I may get back to it at a later time.
As others have pointed out, you can't set the height of a table unless you set its display to block, but then you get a scrolling header. So what you're looking for is to set the height and display:block on the tbody alone:
Header stays put, no scrolling
cell 1/1
cell 1/2
cell 2/1
cell 2/2
cell 3/1
cell 3/2
Here's the fiddle.