Formularauswahlelement wird in Firefox unregelmäßig abgeschnitten

Ich sehe ein seltsames Verhalten in Firefox in Bezug auf die Auswahlfelder.

Abhängig von der Breite des Darstellungsbereichs wird bei einer Auswahl mit einer Breite von 33.333% manchmal die rechte Grenze abgeschnitten.

Siehe bitte diese Geige für ein Beispiel: Ссылка

Was ich habe, ist ein horizontal zentrierter Elterncontainer mit einer absoluten Breite, der eine Auswahl mit einer Teilbreite wie folgt enthält:

Vereinfachte Auszeichnung:

Nun, in Firefox, wenn die Breite des Darstellungsbereichs breiter als 300 Pixel ist und das Element .parent zentriert ist, verhält sich der select merkwürdig.

In geraden Ansichtsfensterbreiten ( 302px , 1326px ) ist alles in Ordnung. Bei ungeraden Darstellungsfeldbreiten ( 301px , 1317px ) wird der rechte Rahmen der Auswahl abgeschnitten.

Ich habe das in Firefox 32-35 gesehen. Andere Browser-Anbieter scheinen nicht betroffen zu sein.

Dies geschieht auch nur dann, wenn die option s schmaler sind als die select .

Ich vermute, dass, wenn die übrig gebliebene Ansichtsfensterbreite eine ungerade Zahl ist, einige Berechnungen für die Eigenschaft margin: auto; halbe Pixel zählen und Rundungsfehler verursachen.

Was ich nicht zu begreifen vermag, ist, wie die Ränder des Elternteils überhaupt Auswirkungen auf seine Kinder haben können, deren Bruchweite, wie ich es verstehe, immer auf Basis der absoluten Breite des Elternteils von% co_de berechnet werden sollte %.

Fehle ich etwas Grundlegendes über das Boxmodell hier, oder ist das einfach ein Bug in Firefox? Gibt es eine bekannte Problemumgehung für dieses Problem, das ich noch nicht ausgegraben habe?

Auf einer Nebennote scheint 300px keine Auswirkung auf dieses Verhalten zu haben.