CSS - balise form - déplacement de l'input

Bonjour,
Je bloque depuis quelques heures sur un problème en CSS : j'ai un formulaire de recherche, tout ce qu'il y a de plus simple : http://screensnapr.com/u/w5jkvv.png , qui se place sans problèmes ... du moins, tant que je ne met pas la balise <form> autour des input :

			
<input type="text" name="search" value="Rechercher ..."><input type="submit" value="">

Comme ça, aucun problèmes, j'ai ce résultat-ci : http://screensnapr.com/u/w5jkvv.png
Par contre comme ça :

<form action="" method="GET">
	<input type="text" name="search" value="Rechercher ..."><input type="submit" value="">
</form>

J'obtiens ceci : http://screensnapr.com/u/owuwg0.png ... Comment se fait-il que la balise <form> influe sur le placement des champs ?
Mon CSS :

#header input{
	border: 0;
	height: 30px;
	width: 135px;
	position: relative;
	top: 25px;
	left: 10%;
	font-size: 90%;
	padding-left: 30px;
	background-image: url(../img/header_searchfield.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
#header input[type=submit]{
	cursor: pointer;
	border: 0;
	height: 30px;
	width: 15px;
	position: relative;
	top: 25px;
	background-image: url(../img/header_searchsubmit.gif);
	background-repeat: no-repeat;
	background-color: transparent;	
}

Si quelqu'un a déjà rencontré ce problème, ou sait d'où ça vient ...

Merci d'avance pour votre aide :)