Tabellenkopf mit Rändern rechts/links

[Puccini]

Hi, ich wollte gern mittels CSS meine Tabellenköpfe abhängig von den beinhaltenden Elementen gestallten.

so soll es werden:
<th>[rand_rechts][hintergrund][rand_links]</th>
(wenn es eine Spalte ist)
bei mehr:

<th>[rand_rechts][hintergrund]</th><th>[hintergrund]</th><th>[hintergrund][rand_rechts]</th>

mit folgendem code bekomm ichs halbwegs hin:

<th><p><b><span>text</span></b></p></th>

Nur leider ragt dabei die Zeile über die Tabelle hinaus.
hier das css:

.infotable th b, .infotable th p{ 
    color: #191970;
    display: inline-block;
    height: 25px;
    font-weight: bold;
    white-space: nowrap;
    width: 100%;
}
.infotable th p{
    background: url(../gfx/menu/tablehead_left.png) no-repeat scroll top left;
    padding-left: 20px; 
}
.infotable th b{
    background: url(../gfx/menu/tablehead_right.png) no-repeat scroll top right;
    padding-right: 20px; 
}
.infotable th span{
    background: url(../gfx/menu/tablehead.gif) repeat-x;
    display: block;
    height: 25px;
    width: 100%;
    overflow:hidden;
    text-align: center;
    font-size: 11px;
    padding-top:5px;
}

Hoffe jemand versteht das XD

 

[Körnerbrötchen]

<th>[rand_rechts][hintergrund][rand_links]</th>

Meinst du

<th>[rand_links][hintergrund][rand_rechts]</th>

?

 

[Puccini]

kommt am ende aufs selbe raus ;) ich habs jetzt hinbekommen.

ich bau das so auf:

<th><p><span>txt</span></b><th><span>txt</span></th><th><b><span>txt</span></b>

so erhalte ich links und rechts ränder und durchgehend den selben hintergrund

für einspaltige würde es so aussehen:

<th><p><b><span>txt</span></b></p></th>

;)
wer das css haben will einfach melden.