IE: Leerraum bei Button-Beschriftung

[Gunnar Bittersmann]

@@alle:

IEs geben bei Buttons unterschiedlich viel Leerraum in Abhängigkeit der Länge der Beschriftung:

<button type="button">Lorem</button><br/>  
<button type="button">Lorem ipsum</button><br/>  
<button type="button">Lorem ipsum dolor</button><br/>  
<button type="button">Lorem ipsum dolor sit</button><br/>  
<button type="button">Lorem ipsum dolor sit amet</button>

ergibt

┌───────┐
│ Lorem │
├───────┴───────┐
│  Lorem ipsum  │
├───────────────┴───────┐
│   Lorem ipsum dolor   │
├───────────────────────┴─────┐
│    Lorem ipsum dolor sit    │
├─────────────────────────────┴──────┐
│     Lorem ipsum dolor sit amet     │
└────────────────────────────────────┘

Dabei ist es unerheblich, ob das 'button'-Element verwendet wird; bei 'input[@type="button"]' passiert dasselbe.

Mit 'padding' lässt sich dies nicht beeinflussen; damit kann man den Leerraum nur noch zusätzlich vergrößern, er bleibt aber verschieden.

Gibt es eine Möglichkeit, IEs dieses äußerst dähmliche Verhalten abzugewöhnen?

Live long and prosper,
Gunnar