отступ для заголовка th (margin для th)?

Пытаюсь в заголовок вставить картинку (бабочку), а заголовок отодвинуть влево, чтобы не наезжал на заголовок.
С этим все понятно и просто.

Но заголовок у меня иммет border-bottom, и вот этот бордер влево не сдвигается и перечеркивает картинку (см. рис.)

Код (CODE):

1. table.moduletable-know th {
2.     font-size: 16px;
3.     border-bottom: #663300 solid 2px;
4.     margin-left: 50px;
5.     font-weight: 900;
6.     text-align: left;
7.     color: #663300;
8. }
9.  
10. table.moduletable-know {
11.     background: url(../images/b.png) left top no-repeat;
12. }

margin-left: 50px; для th не работает

Вопрос: как сдвинуть заголовок вместе с бордером влево?

 

Такой вариант тоже устраивает (см. рисунок)

Код (CODE):

1. table.moduletable-know th {
2.     font-size: 16px;
3.     border-bottom: #663300 solid 2px;
4.     padding-left: 35px;
5.     padding-bottom: 5px;
6.     padding-top: 10px;
7.     font-weight: 900;
8.     text-align: left;
9.     color: #663300;
10.     background: url(../images/b.png) left top no-repeat;
11. }

Однако интересует можно ли добится отступа для всего заголовка вместе с нижним бордером?