Cuando estaba tratando de agregar algunos campos de entrada con css

Tengo un problema

No pude hacer más de un css para algunos campos de entrada

este es el campo que tengo

<input type="text" name="firstName" />
<input type="text" name="lastName" />

y el css es

input
{
   background-image:url('images/fieldBG.gif');
   background-repeat:repeat-x;
   border: 0px solid;
   height:25px;
   width:235px;
}

Quiero hacer el primer campo (primer nombre) con este css

input
{
   background-image:url('images/fieldBG.gif');
   background-repeat:repeat-x;
   border: 0px solid;
   height:25px;
   width:235px;
}

y el segundo (apellido) con este css.

input
{
   background-image:url('images/fieldBG2222.gif');
   background-repeat:repeat-x;
   border: 0px solid;
   height:25px;
   width:125px;
}

ayuda por favor :-)