Strange RadComboBox Appearance

[neebs]

I am using a RadGrid with an embedded RadComboBox, using the Default skin. I'm tight for space so I overrode the styles for the RadGrid to reclaim some space as below:

div.Ironwood.RadGrid_Default .rgFooter td
{
    border-bottom:0px;
    padding-left:4px!important;
    padding-right:4px!important;
}
div.ManagersInTheNews.RadGrid_Default .rgRow,
div.ManagersInTheNews.RadGrid_Default .rgAltRow,
div.ManagersInTheNews.RadGrid_Default .rgRow td,
div.ManagersInTheNews.RadGrid_Default .rgAltRow td
{
    font-family:Arial;
    font-size:11px;
    border-bottom:0px!important;
    vertical-align:middle!important;
    padding-left:4px!important;
    padding-right:4px!important;
}

I am also adding the RadComboBox to the bottom row (added programmatically). Without the overrides for the paddings, it appears normal, however with the overrides, it appears as in the attached image. Is there something I can do to get the background image to align better?

Thanks, Steve

[robertw102]

Try removing the !important keyword in your styles, since I believe they're overwriting the padding used by the table columns, which makes up the RadCombobox.