Seem: em GRößen sauber angeben?

Beitrag lesen

Hallo,

ich habe ein relaties Größenproblem. Ich habe das komplette Layout mit absoluten Pixelangaben umgesetzt und soll jetzt an einer Stelle Strg+ tauglich mittels "em" werden. Leider kenne ich mich in diesem Bereich kaum aus....

Es geht um zwei divs, die als Überschriftenzeile eingebunden sind.
#caption_box
{position: relative; background: url(pictures/bg_top2.gif); width: 225px; height: 1.7em; margin-bottom: 20px;}

#caption_text
{position: absolute; left: 29px; height: 100%; min-width: 69px; float: left; background-color: #0B2A51; text-align: center; color: #FFFFFF;}

Caption_text steckt in caption_box und soll sauber mitwachsen.

Ich habe es schon soweit abgewandelt, dass die Größenwanderung passt, aber leider bekomme ich den Text im inneren div nicht mehr sauber positioniert. Dafür habe ich das über folgendens padding gelöst:
padding: 2px 3px 3px 3px;

Das zerhaut dann aber wieder das ganze Layout.