Css på form

Hej...

Jeg har en form med css der virker fint lige set bort fra min brows funktion der har knappen ikke samme css som alle de andre felter hvorfor? skal det gøres på en bestemt måde?

Min css:


.input {
font-size: 10px;
font-family: Verdana;
clear: both;
color: #FFF;
background: #7768ee;
border: 1px #7768ee solid;
vertical-align: middle;

Min form:

<tr>
    <td align="right"><font size="2" color="#FFFFFF">Picture</font><font face="Verdana" size="2" color="#FFFFFF">:</font></td>
    <td width="341"><p align="left"><input type="file" class="input" name="F1" size="20"></p></td>
    </tr>