input problem

[Mad Dog]

hallo leute
hab hier ein kleines problem mit input.
ich habe ein div mit einer prozentualangabe als breite:

.navi {
        position: absolute;
        background-color:orange;
        top:11.25em;
        left:70%;
        right:15%;
        padding:1em;
}

jetzt befindet sich in diesem div ein formular mit 2 input felder:

<input type="text" name="loginusername" size="18">
<input type="password" name="loginpassword" size="18">

wenn ich jetzt naeher heran zoome (im FF mittels ctrl * mouserad) dann veraendert sich alles, was aber auch so beabsichtig ist. das problem stellen aber die input felder dar, da sie bei zu nahem heranzoom aus dem div herausragen.

wie kann ich das verhindern bzw wie passen sie die input felder dem zoom an???

 

[Efchen]

Du solltest mal einen Link posten. Du hast ja weniger als die Hälfte von Deinem Code offenbart.
Wenn das alles ist, was Du zu Deinen inputs hast, dann ist es ja logisch, schließlich sehe ich nirgendwo, dass die Größe Deiner inputs variabel, also abhängig von der Schriftgröße oder der Größe des Viewports ist. Dann ändern die natürlich die Größe nicht mit.

Bedenke übrigens, dass das Zoomen, was Du machst, auch abgestellt werden kann, dann ist Ctrl-+/- bzw. Mausrad nur noch eine Änderung der Schriftgröße. Die Größe von Elementen in Abhängigkeit von der Schriftgröße kann man mit der Einheit "em" setzen.