Bonjour

J'ai créé un formulaire dans un div, avec un style css,mais le problème c que quand j'applique la propriété css float,le style change et devient désagréable.

voici mon code html:
Code html : 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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!doctype html>
<html>
	<head>
		<title>propriété float</title>
		<link rel="stylesheet" href="style.css" />
	</head>
 
	<body>
		<div id="offre">
			<div id="titreOffre">
				<h1>Offres demploi</h1>
			</div>
 
			<form method="post" action="">
			<p>Région :</p>
			<select id="region" name="region">
				<option value="region" selected>Sélectionnez une région</option>
				<option value="Alsace">1-Alsace</option>	
				<option value="Ile-de-france">13-Ile-de-france</option>
				<option value="Languedoc-Roussillion">14-Languedoc-Roussillion</option>
				<option value="Limousin">15-Limousin</option>
				<option value="Lorraine">16-Lorraine</option>
				<option value="Midi-Pyrennees">17-Midi-Pyrénnées</option>
				<option value="Nord-Pas-de-calais">18-Nord-Pas-de-calais</option>
				<option value="Pays de la loire">19-Pays de la loire</option>
				<option value="Picardie">20-Picardie</option>
				<option value="Poitou-Charentes">21-Poitou-Charentes</option>	
			<select><br /><br />
 
			<p>Secteur :</p>
			<select id="secteur" name="secteur">
				<option value="secteur">Secteur</option>
				<option value="Informatique">Informatique</option>
				<option value="Hôtellerie,restauration et tourisme">Hôtellerie,restauration et tourisme</option>
				<option value="Transports et logistiques">Transports et logistiques</option>
				<option value="Gestion et finance">Gestion et finance</option>
				<option value="commerce">Commerce</option>
			<select><br /><br />
 
			<p class="pSubmit"><input type="submit" value="recherche" /></p>
			</form>
		</div>
	</body>
</html>
et le css bien sur:
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
#offre{
	float:left;
	background:silver;
	width:30%;
	margin-left:2%;
	box-shadow: 1px 1px 1px 1px #aaa; 
	border-radius:10px;
	border-left:5px solid orange;
	border-right:5px solid orange;
	border-bottom:10px solid orange;
}
 
#titreOffre{
	background-color:orange;
	text-align:center;
	border-radius:10px 10px 0 0;	
	border-bottom:1px solid #aaa; 
}
 
form{
	margin-left:5%;
}
j'arrive pas à savoir la cause du problème mais je pense que c'est le div de mon titre h1.
est-ce que quelqu'un à une idée.
merci d'avance.