Why do I still see a bottom border in my Google CSE results?

Question

I'm using V1 GCSE code to display search results on a Wordpress site with a Genesis child theme.

Most of the styling is going okay, but for the life of me, I can't figure out where these thin gray bottom borders are coming from:

The staging site with a test query can be found at http://74.220.217.211/search/?q=test

Please help me figure out why I still see borders! Thanks in advance.

Answer 1

At least in Chrome, the HTML has a <tbody> tag dynamically inserted between the <table> and <tr> tags. This <tbody> tag is the one still holding onto the border.

You'll need to update the rule in style.css to include <tbody>, eg:

#search-results table, #search-results table tr, #search-results table tr td {
    ...
    border: 0 none;
}

becomes

#search-results table, #search-results table tr, #search-results table tr td, #search-results table tbody {
    ...
    border: 0 none;
}