ScaraX: IE8: input type=select zentrieren

Beitrag lesen

Hallo,

folgendes Problem:
Ich möchte einen Submit-Button horizontal zentriert darstellen.
Aus verschiedenen Gründen ist es mir nicht so einfach möglich, den Container ein text-align: center zu verpassen, allerdings kann ich den CSS-Code des Buttons editieren.

Ich hielt dies auch für eine einfache Aufgabe, einfach ein display: block; margin: 0 auto; zuweisen... denkste ;)

Das funktiniert wie erwartet in allen modernen Browsern, überraschenderweise auch im IE6 und dem IE8 in der Kompatibilitätsansicht, nur der IE8 zeigt den Button weiterhin linksbündig an.

Beispiel:

http://scarax.ath.cx/Misc/csstest.html Link funktioniert solange mein PC läuft ;)

<!DOCTYPE HTML>  
<html lang="de-DE">  
    <head>  
        <style>  
            input {  
                display: block;  
                margin: 0 auto;  
            }  
        </style>  
    </head>  
    <body>  
        <form action="" method="post">  
            <input type="submit" value="submit" />  
        </form>  
    </body>  
</html>

Ich hoffe ihr könnt mir weiterhelfen :)

MfG
ScaraX