CSS width issues with HTML Table

Question

I would consider myself proficient in CSS and HTML but I cannot figure out this issue with one of my columns in an HTML table. Here's the link:

http://stormaware.net/reports.php

I've been working at it for a quite a while and have used fixed widths, min-widths, max-widths and can't figure out how to get the last columns (under comments) to size correctly when the table decreases in size. If you decrease and increase the browser window, you'll see the table resize to fit. The final column pops down to the next line though when you decrease the browser window enough.

I'm aware that this is not responsive, etc, we're doing work on all of that later but for right now I'm just trying to get the content in the comments column to decrease in width and fit in it's own column.

Any help would be greatly appreciated.

Answer 1

This solution worked for me when I was testing it in Chrome.. also it was a little glitchy..

th[scope="row"] table.reports_table tr td {
    padding: 8px 10px;
    color: black;
    float: left; /*Remove this */
}