Seems there is a graphic used to fill that table.
Take a look in your style.css at .tableh1 and .tableh1_compact.
Change the size (height) of the used graphic (possible cellpic1.gif?) or use the given color from .sortorder_cell / .sortorder_options.
Okay, in this part ... I don't use the cellpic.gif of yours anywhere. I use the graphic named "gradient.jpg" instead. I guess I should have used a small segment like you did in cellpic but didn;t know it would repeat and couldn't find any code suggesting it did to fill the cell. My bad on that. Perhaps I should reduce the size of my gradient and maybe the problem will go away?
The segment referring to the tableh1 and tableh1_compact is ...
.tableh1 {
background: URL(images/gradient.jpg);
color: #FFFFFF;
padding: 3px 10px;
}
.tableh1_compact {
background: URL(images/gradient.jpg);
color: #FFFFFF;
padding: 2px 5px;
}
.... so can I assume if I make the change in the size of my gradient it will fill the cells properly? Sorry if I'm confusing the subject - as I said I am new to stylesheets and this code is way over my ability to break down and modify. I'm playing "change, upload, and test" on this since I can't view changes locally.
On the .sortorder segment, I have this ....
.sortorder_cell {
background: #FF9900;
color: #FFFFFF;
padding: 0px;
margin: 0px;
}
.sortorder_options {
background: #FF9900;
color: #FFFFFF;
padding: 0px;
margin: 0px;
white-space: nowrap;
font: normal 80% Verdana, Arial, Helvetica, sans-serif;
}
... so I do already have the color option included there, if I'm understanding this correctly. Can you advise what the "white-space; nowrap;" line does? maybe that would have some effect on how the graphic displays?