Relative numerische Angaben

[rekire]

Hi,

ich habe ein Problem mit relativen numerische Angaben. Ich will zur Formatierung einen Button machen der ein Blockschrift-Icon enthalten soll allerdings will ich dafür kein Bild verwenden damit man es besser Skalieren kann. Im IE7 und Opera9 wird .1em konstant als 1px interpretiert. Im Firefox scheint es aber zu Rundungsfehler zu kommen und die Abstände und Striche schwanken zwischen 1 und 2px.
Hat jemand eine Idee wie man das verhindern kann?

Hier noch ein Code schnipsel zur Verdeutlichung:

<style type=...>
.strich {
 margin:0;
 padding:0;
 background-color:#000;
 height:.1em;
 width:1em;
 overflow:hidden;
 margin-top:.1em;
 min-height:1px;
}
</style>

<button>
<div class="strich"></div>
<div class="strich"></div>
<div class="strich"></div>
<div class="strich"></div>
<div class="strich"></div>
<div class="strich"></div>
</button>

Gruß,
Rekire