Tabellenüberschrift ändert standort

[Jonesman66]

Hallo,

ich habe eine einer Tabell mit Überschrift und 2 Spalten, und darunter eine Drop-Down Box, um filter einzustellen.
sieht ungefähr so aus:

Title
Spalte1                          Spalte2
wert1                            wert11
...                              ...

.Drop-down-Box.

wenn ich Jetzt im IE8 auf die Dropdown box klicke, wandert die Überschrift "Title" von der Mitte nach links.
also so:

Title
Spalte1                          Spalte2
wert1                            wert11
...                              ...

.Drop-down-box.

Hier noch der css code:

<style type="text/css">

/* style for table pane */
#table table {
width: 800px;
}
/* Table Header" */
table.tpTable caption {
font-weight: bold;
text-align: center;
padding: 2px;
border: 1px solid black;
background: #404040;
background-image: url(/csp/broker/images/grad-gray-10x100.png);
background-repeat: repeat-x;
}

/* @doc="Column header." */
table.tpTable th {
border-right: 1px solid gray;
border-bottom: 1px solid gray;
color: black;
font-weight: bold;
text-align: center;
padding: 2px;
overflow: hidden;
background: #404040;
background-image: url(/csp/broker/images/grad-gray-10x100.png);
background-repeat: repeat-x;
}
</style>

Vielen Dank

[Peter Pan]

Hi!

Hier noch der css code:

Und das HTML dazu darf man raten, oder gibt es diese Info zu einem anderen Zeitpunkt?

off:PP