Bonjour tout le monde,

j'ai visité des dizaines de sites, et lu plusieurs tutoriels, mais j'ai pas arrivé à résoudre mon problème avec CSS,

je voudrais positionner correctement une petit formulaire avec login et password, et une image qui va servir de bouton "Submit". comme suit :


Voici le code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="gauche_form">
        <!-- Partie Login -->
        <form action="session_login.php" method="post">
            <span class='ligne'>
            	<label>Login : </label>
                <input  type="text" name="login" size="15" maxlength="30" />
            </span>
			<span class='ligne'>
            	<label>Mot de passe : </label>
                <input type="PASSWORD" name="passwd" size="15" maxlength="10" />
                <input type="image" src="images/plan.png"  class="image" value="" />
            </span>
        </form>   
    </div>
et voici le code CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
#gauche_form {
	text-align:left;
	font-size:14px;
	padding-left:6px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}
 
#gauche_form label {
  display: inline;
  float: left;
  width: 100px;
  } 	
 
#gauche_form input {
	border-color:#4F81BD;
	font-family:CALIBRI, Arial, Helvetica, sans-serif;
	color:#4F81BD;
	font-size:14px;
}
 
.image {
	/*padding-right:60px;*/
	float:right;
	display:inline;
}
je ne sais pas quoi faire, ca ne veut pas se positionner comme je veux

Merci d'avance
Bien cordialement