Hovereffekt für Formulare

[Klikla]

Hallo!
Was genau meinst du mit wie? Wenn du die Browser meinst: FF und IE.

Hier habe ich das CSS-Script:

<style type="text/css">
body {
  color: #FFFFFF;
  background-color: #000000;
}
fieldset {
width: 540px;
margin: 0;
border: 0 none;
border-top: 3px double #999999;
border-bottom: 3px double #999999;
}
legend {
margin: 0px 0px 0px 30px;
padding: 3px 10px;
letter-spacing: 2pt;
border: 3px double #999999;
background-color: #FFFFFF;
color: #000;
}
.formbox {
width: 450px;
margin: 0 auto;
padding: 20px 0px 20px 0px;
text-align: left;
border-left: 3px double #999999;
}
div.eins,
div.eins-a,
div.eins-b {
float: left;
width: 120px;
margin: 10px 20px 0px 0px;
border-bottom: 3px double #999999;
}
div.eins-a {
padding-top: 20px;
}
div.eins-b {
border: 0 none;
}
div.zwei {
float: left;
width: 300px;
}
div.zwei input,
div.zwei textarea {
width: 300px;
margin-top: 5px;
border: 3px double #999999;
background-color: #FFFFFF;
color: #000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
}
div.zwei textarea {
overflow: auto;
}
label {
padding: 1px 0 0 10px;
background-color: transparent;
color: #FFFFFF;
}
div.zwei input.senden {
width: 305px;
margin-top: 8px;
padding: 2px 0;
font-size: 12px;
letter-spacing: 2pt;
background-color: #FFFFFF;
color: #000;
border: 1px solid;
border-color: #e4ded1 #7a6845 #7a6845 #e4ded1;
cursor: pointer;
}
* html div.zwei input.senden {
width: 307px;
}
.breaker {
clear: left;
}
input:hover{background-color:#D0D0D0};
</style>

und hier den HTML-Code:

<form action="" method="post">
 <fieldset>
  <legend>kontaktformular</legend>
   <div class="formbox">
    <div class="eins"><label for="vorname">vorname</label></div>
     <div class="zwei"><input class="inpt" type="text" size="40" name="vorname" id="vorname" value=""></div>
    <br class="breaker">
   </div>
  </fieldset>
</form>

Vielen Danke!
Klikla