The Height Of Table Columns Dont Stay As High As Table Column Text

I have a table that consist of three columns and 4 rows, the top rows are the headings and the 3rd column has a rowspan that stretches accross 3 rows, according to different pages

Solution 1:

Here you go.

tr:not(:last-child) {height:1px;}

Updated fiddle

The trick is that tables adjust their heights to fit the content, so even if you set the height to something less, the row will still look right.

Works in Firefox, Chrome and Opera.