Rounded Corners and Border for Table

Hi I am trying to do something very simple however nothing ever seems to be simple for me… or perhaps for everybody? I just want a rounded corner box with a background color around my tables in the linked page (only the bottom 3 features are currently in tables). I am currently just trying to get the rounded box as a first step however I can’t seem to get it to behave. I added the following to Custom CSS for SiteOrigin CSS plugin. I tried with and without the first-child and last-child blocks out of desperation…

.featurevotetable {
  overflow:hidden !important;
  border:solid black 1px !important;
  border-radius:10px !important;
  width: auto !important;
}

.featurevotetable tr:first-child {
    border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
}

.featurevotetable tr:last-child {
    border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
}

Anybody know what’s freakin out?
Thanks!

• This topic was modified 2 years, 11 months ago by riverofwind.
• This topic was modified 2 years, 11 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

The page I need help with: [log in to see the link]