Javascript et mon pointeur

Bonjour,
En essayant mon formulaire on line, j'ai remarqué que lorsque je pointe sur dans une cellule, mon curseur ne se place pas au début de ma cellule.

En réalité, c'est assez aléatoire dans la cellule.
Voici le code

<?php
//Couleur du texte des champs si erreur saisie utilisateur
$color_font_warn="#FF0000";
//Couleur de fond des champs si erreur saisie utilisateur
$color_form_warn="#FFCC66";
//Ne rien modifier ci-dessous si vous n'êtes pas certain de ce que vous faites !
if($submit){
//Formatage des entrées
$f_1=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö\ -]", "", $f_1)));
$f_2=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö\ -]", "", $f_2)));
$f_3=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö\ -]", "", $f_3)));
$f_4=trim(ucwords(eregi_replace("[^a-zA-Z0-9éèàäö\ -]", "", $f_4)));
$f_5=trim(eregi_replace("[^0-9\ +]", "", $f_5));
$f_6=strip_tags(trim($f_6));
//Verification des champs
if(!$erreur){
//Création du message
$titre="Site VITamine c ";
$tete="From:Site@Vitamine-c.ch\n";
$corps.="Nom : ".$f_1."\n";
$corps.="Prénom : ".$f_2."\n";
$corps.="Adresse : ".$f_3."\n";
$corps.="Ville : ".$f_4."\n";
$corps.="Téléphone : ".$f_5."\n";
$corps.="Mail : ".$f_6."\n";
$corps.="Message : ".$f_7."\n";
if(mail("info@vitamine-c.ch", $titre, stripslashes($corps), $tete)){
$ok_mail="true";
header('Location: index.html');
}else{
$erreur.="<li><span class='txterror'>Une erreur est survenue lors de l'envoi du message, veuillez refaire une tentative.</span>";
}
}
}
?>

 <form action='<?echo$PHP_SELF?>' method='post'>
            <div>
              <label for="nom">
                NOM:
              </label>
              <br />
              <input type="text" id="nom"  class="textinput" maxlength="25"  style='width:200 <?if($errf_1==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_1' value='<?echo stripslashes($f_1);?>
              '/> 
              <label for="prenom">
                PRENOM:
              </label>
              <br />
              <input type="text" id="prenom"  class="textinput" maxlength="25" style='width:200 <?if($errf_2==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_2' value='<?echo stripslashes($f_2);?>
              ' /> 
              <label for="adresse">
                ADRESSE:
              </label>
              <br />
              <input type="text" id="adresse"  class="textinput" maxlength="25" style='width:200 <?if($errf_3==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_3' value='<?echo stripslashes($f_3);?>
              '  /> 
              <label for="ville">
                VILLE:
              </label>
              <br />
              <input type="text" id="ville"  class="textinput" maxlength="25" style='width:200 <?if($errf_4==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_4' value='<?echo stripslashes($f_4);?>
              '  /> 
              <label for="telephone">
                TEL:
              </label>
              <br />
              <input type="text" id="telephone"  class="textinput" maxlength="25" style='width:200 <?if($errf_5==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_5' value='<?echo stripslashes($f_5);?>
              '/> 
              <label for="mail">
                MAIL:
              </label>
              <br />
              <input type="text" id="mail"  class="textinput" maxlength="25" style='width:200 <?if($errf_6==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_6' value='<?echo stripslashes($f_6);?>
              '/> 
              <br />
              <label for="textareainput">
                MESSAGE:
              </label>
              <br />
<textarea id="textareainput"  class="textarea" style='width:360 <?if($errf_7==1){print("; background-color: ".$color_form_warn."; color: ".$color_font_warn);}?>;' name='f_7' rows='6' cols='40'><?echo$f_7?> </textarea>
              <br />
              <br />
              <input type="submit" value="Envoyer" class="buttonSubmit" name='submit' />
              <div id="stylesheetTest">
              </div>
            </div>
          </form>

et css:

 input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #404040;
	font-weight: bold;
}
label {
	color: #999;
	cursor: pointer;
	padding-left: 2px;
	line-height: 15px;
	vertical-align: top;
}
label.chosen {
	color: #333;
}
/*Transparent items*/
.transparent {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	border: 0px solid #FFF;
	background: #FFF;
	z-index: 10;
	cursor: pointer;
}
.transparentFake {
	background: none;
	border: none;
}
.transparent2 {
	z-index: 10;
}
/*Text inputs*/
.textinput, .textinputHovered {
	width: 220px;
	height: 15px;
	background: url(../images/input.gif) no-repeat left top;
	border: none;
	padding: 4px 8px;
}
.textinputHovered {
	background-position: left bottom;
}
/*Text areas*/
.textarea, .textareaHovered {
	width: 220px;
	height: 125px;
	background: url(../images/textarea.gif) no-repeat left top;
	border: none;
	padding: 4px 8px;
}
.textareaHovered {
	background-position: left bottom;
}
/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width: 69px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	padding: 2px 5px;
	background: url(../images/button.gif) no-repeat left top;
	cursor: pointer;
	border: none;
}
.buttonSubmitHovered {
	background-position: left bottom;
}
/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position: absolute;
	left: -999px;
	width: 10px;
	height: 10px;
}

Est-ce que quelqu'un comprend ce décalage
Merci de votre précieuse aide
dup's