[Chidori]

Hej!
Ok så här brukar jag göra....
Skapa en div med bakgrund som ser ut som en knapp.
Sätta in en input submit i diven med text vad knappen ska göra, t.ex. "stäng". KNappen har samma storlek som diven.

När jag kör igång den i IE7 så placerar sig texten perfekt i mitten men problemet är faktiskt i FF så texten hamnar just lite för långt så det skapar ett dåligt intryck. Exemplet nedanför har en "skugga", därför är diven lite högra än knappen.

#tableContent table#thbg #registerBtn {
background:url(../images/checkout.jpg) no-repeat;
height:49px;
width:117px;
margin:14px auto 0;
}

#tableContent table#thbg #registerBtn input {
height:26px;
width:116px;
font-weight:700;
font-size:14px;
color:#FFF;
text-align:center;
padding-right:17px;
}

Hur kan jag få texten i mitten som på IE7? (skumt att FF inte funka men IE)
Btw, nu märker jag att texten lägger sig olika i sidled också :/