Why is this stupid grey line in my theme?

Is there an annoying grey line in your Drupal theme, #ccc in color and 1px thick? Just a little gray border of completely unknown origin, seemingly caused by your header table or your body content table?

Would you like it to go away? Are you trying to remove it from a bluemarine theme you want to customize?

Is the line beginning to drive you insane trying to get rid of it?

Have you run out of HTML elements and CSS selectors to override?

If you searched for "die #cccccc one pixel border line, die" then we can't imagine why else you're here.

Your problem is in these lines from system.css:

tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

Bet you didn't think to override that, did you?

Thanks Drupal 5! Who asked for a %&#$@! system.css anyway?

Dries, that's a couple person-hours of time you owe the Agaric Design Collective!

(Just to keep proper track of sources of wasted time, that's:
Dries: negative 2,738 wasted hours
Bill Gates: 34,430 wasted hours)

Seriously though, can one file a bug report against a stylesheet? We see no reason for these tbody borders except pure satanic evil.

This is why Agaric Design Collective encourages you to not try this stuff at home, but to hire a professional. (Note: We're professionals. At least if you give us money we are; that's the definition, right?)

Of course, we just told you how to solve this problem.

But even if you don't feel like sending us cash, we hope you'll bookmark this site and hire Agaric Design the next time you don't feel like banging your head on a coding problem.

Until next time, this has been Ask Agaric.