Zellenhöhe i.V.m. rowspan gleichmäßig

[jon.sig]

Hallo,
ich habe folgendes Szenario:

<table border="1" width="100%" style="border-collapse:collapse;">
    <tr>
        <th width="60%" rowspan=3 style="font-weight:normal;">
            x<br />x<br />x<br />x<br />x<br />x<br />x<br />x<br />x<br />x<br />x<br />x<br />x<br />x<br />x<br />
        </th>
    </tr>
    <tr>
        <td bgcolor="red" height="">
            Motorik/Wahrnehmung
        </td>
    </tr>
    <tr>
        <td bgcolor="yellow" height="50%">
            Kommunikation/Sprache
        </td>
    </tr>
</table>

Also eine Tabelle mit zwei Spalten, in der linken Spalte sind beide Zeilen verbunden, in der rechten Spalte beide Zeilen einzeln.
Jetzt wird allerdings die 1. Zeile rechts zusammengestaucht (soweit es eben geht) und die 2. Zeile erstreckt sich über den Rest der Tabelle. (Verständlich?)
Ich hätte jetzt aber gerne die zwei Zeilen in der rechten Spalte gleichmäßig hoch, ist das möglich?
Danke,
Jonas

 

[Daniel_Pixelsafari.net]

Also eigentlich ist doch die zweite Zeile gestaucht, oder?

Passt das nicht so?: http://codepen.io/PixelSafariDaniel/pen/sieJw

Habe lediglich den style-Tag für die Höhe rausgehauen...

 

[jon.sig]

Danke für die Antwort,
habe gerade herausgefunden:
In Safari ist die 2. Zeile gestreckt, in Firefox die 1. Zeile und in Chrome ist es ausgeglichen, genau so wie ich es haben will...
Und wie kann ich die Chrome-Variante jetzt auf Firefox und Safari übertragen...?

 

[Daniel_Pixelsafari.net]

Hast dabei auch mein Beispiel mit den verschiedenen Browsern aufgerufen? Bei mir klappt's im Firefox nämlich problemlos.

 

[jon.sig]

Stimmt, sorry, jetzt klappt's in Firefox auch! :)
Bleibt noch Safari...