[CSS] Długość inputa - SUBMIT, pod różnymi przeglądarkami Opcje

[maly_pirat]

Cześć.

Otóż pod Firefoxem input wysyłający formularz poprawnie wyświetla się (width), > screen <

Cały problem polega , że pod Operą pasek "Zaloguj się" wydłuża się (tak gdzieś o ~12px), a pod IE jest krótszy o około 21px.

Dwa obok siebie inputy korzystają z klasy css - class_login,

[CSS] pobierz, plaintext 
div#top .user .class_login { border: 1px solid #000000; margin-top: 5px; }
[CSS] pobierz, plaintext 

Submit korzysta z klasy css - class_submit

[CSS] pobierz, plaintext 
div#top .user .class_submit { width: 290px; height: 20px; border: 1px solid #000000; margin-top: 3px; background: #FFFFFF; }
[CSS] pobierz, plaintext 

Po stronie HTML wygląda to tak:

[HTML] pobierz, plaintext 
  <form action="" method="post">
	<div><input type="text" name="login_username" maxlength="32" class="class_login" /> <input type="password" name="login_password" maxlength="127" class="class_login" /> <input type="checkbox" name="login_auto" value="1" /></div>
	<div><input type="submit" name="login_submit" value="Zaloguj się" class="class_submit" /></div>
  </form>
[HTML] pobierz, plaintext 

Dla form, p, div w cssie mam margin: 0, padding: 0;
Próbowałem przenieść formularz poza główny div - #top , ale efekt ten sam (oczywiście w cssie zmieniłem aby nie było div#top .user, itd)

Dlaczego przeglądarki tak różnie odczytują width dla submita?

[maly_pirat]

Nie dałeś im szerokości ani wysokości. Nadaj im odpowiednie wartości.

Przecież ustawiłem width/height dla klasy class_submit, która odpowiada za button (submit) "Zaloguj się"

PS. Dzięki za linki (IMG:style_emoticons/default/snitch.gif)