Probleme im Opera

[nance]

Hallo!

Ich vermute ein schwerwiegenderes Problem dahinter, als es den Anschein hat. Ich habe eine Tabelle, in deren Tabellenkopf Formulare zwecks Neusortierung liegen. Diese Formulare bestehen nur aus Absendebuttons. Im Opera (7.54) stehen diese Buttons aber nach oben aus dem Formular heraus. Da die Buttons zum Teil Schrift und Bild enthalten habe ich ein div reingelegt, das ich nicht auf die gesamte Breite ausdehnen kann, um dann den Inhalt zu zentrieren. In IE, und Mozilla funktioniert es so, wie ich es gern hätte.

Der Code schaut folgendermaßen aus:
[code lang = css]
.tabelle {
  width: 99%;
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
  border-spacing: 5px;
  empty-cells: show;
}
.tabelle td, .tabelle th {
  border-width: 1px;
}
.tabelle th {
  border-style: solid;
}
.tabelle td {
  border-style: none solid;
}
.tabellenkopf button, .tabellenkopf div {
  width: 100%;
  border-style: none;
  border-width: 0px;
}
.tabellenkopf button, .tabellenkopf {
  font-size: 1em;
  vertical-align: middle;
  text-align: center;
}
[/code]

[code lang = html]
    <tr>
      <th class="tabellenkopf" style="border: solid 1px blue;">
        <form name="sortieren" style="border: solid 1px red;" method="get" action="{../Link}">
          <button name="{Name}" type="submit" value="2">
            <div>
              Name
              <br/>
              <img src="../gemein/pic/1.png" alt="aufsteigend" height="9" width="9" border="0"/>
            </div>
          </button>
        </form>
      </th>
      <th class="tabellenkopf" style="border: solid 1px blue;">
        <form name="sortieren" style="border: solid 1px red;" method="get" action="{../Link}">
          <button name="{Name}" type="submit" value="1">
            <div>
              Nachname
            </div>
          </button>
        </form>
      </th>
    </tr>
[/code]

Falls jemandem was auffällt: Ich bin für jeden Hinweis dankbar.

Gruß
nance