Vertikale Ausrichtung von Tabellenzellenelement in Firefox funktioniert nicht

Question

Ich muss eine Textzelle auf eine Bildzelle in einer JSP-Datei ausrichten. das JSP-Fragment ist:

<div class="col-sm-12"> 
    <div class="col-xs-12 col-sm-4"> 
     <arch:fondoListerGridItem serie="${serie}" fondo="${fondoPageData}" /> 
    </div> 
    <div class="col-sm-4 "> 
     <div style="display: table;position: absolute;height: 33%;width: 100%;"> 
     <div style="display: table-cell;vertical-align: middle;"> 
     <p> 
      <b><spring:theme code="text.fondo" />:</b> ${fondoPageData.fondo}<br> 
      <b><spring:theme code="text.serie" />:</b> ${serie.titolo} 
     </p> 
     </div></div> 
    </div> 
</div> 

in Chrom und IE-Browser das Ergebnis das ist:

mit dem Bild und dem Text in der Mitte des Tisches ausgerichtet ist.

In Firefox stattdessen das Ergebnis:

und der Text auf der Oberseite ausgerichtet ist. Ich sah aus dem Entwickler consolle, dass die Lösung sein könnte:

<div style="display: table;position: relative;height: 33%;width: 100%;"> 
<div style="display: table-cell;vertical-align: middle;"> 

für Chrome und IE, aber

<div style="display: table;position: relative;height: 33%;width: 100%;"> 
<div style="display: table-cell;vertical-align: bottom;"> 

für Firefox. Wie könnte ich das in der JSP-Datei tun?

Answer 1

aufgelöst I

vertical-align: middle; 

mit

padding-top: 50%; 

Dies funktioniert auf beiden Browsern zu ersetzen!