oönskad utfyllnad på knapp

Märkte precis att knappar ser olika ut i IE och FF.
I IE får de en procentuell utfyllnad och texten blir centrerad.
I FFblir kanppen lika stor som texten utan några ofrivillga utfyllnader.

som ni kan se på den bifogade bilden så ser det olika ut.
sen av någon anledning har även kanppen i IE får fula kanter, lite väl stora pixlar.

Frågan är hur man blir av med utfyllnaden som uppstår i IE.

Definiera hur bred knappen ska vara.

carl_x skrev:

Definiera hur bred knappen ska vara.

Det kan vara svårt att veta om det är olika mängder text i knappen.
Lägg detta i en IE-specefik css

button{
width: expression((this.createTextRange().boundingWidth + parseInt(this.currentStyle.borderLeftWidth) + parseInt(this.currentStyle.borderRightWidth) + parseInt(this.currentStyle.paddingLeft) + parseInt(this.currentStyle.paddingRight)) + parseInt(4) + 'px')
}

/icaaq

Det verkar som att man kan bli av med den onödiga utfyllnaden i Internet Explorer med hjälp av CSS:

input { overflow: visible; }

Men då blir det enligt mig för lite utfyllnad istället. Därför kan man lägga till lite extra:

input { overflow: visible; padding: 2px; }

Sedan kvarstår "problemet" med de pixliga kanterna i Internet Explorer. Det går att lösa genom att ange storleken för kantlinjerna:

input { overflow: visible; padding: 2px; border-width: 2px; }

Allt detta ger dig en knapp som ser fin ut i IE/Firefox/Opera:
http://troxy.net/stuff/knapp.htm

verkar som man blir av med utfyllnaden.
lägger man knapparna brevid varandra så ser det bra ut.
lägger man knapparna i vars en TD så blir det konstigt, då kommer utfyllnaden till höger om knappen.

bifogar ett exempel.
man fick tydligen inte ladda upp .htm-filer så jag döpte om den till .txt