Kantfarve ved input:focus

Hej.

Jeg bruger af og til bl.a denne kode i mit css til at give et inputfelt en farve langs kanten når feltet er i fokus:

input[type="text"]:focus {
    border:2px solid #ddd;
}

Men jeg er altid nødt til at lave borderen 2px bred, selvom jeg i virkeligheden ville foretrække en tyndere kantfarve på 1px. Men giver jeg den 1px, så er det som om at inputfeltet trækker sig samme og bliver en anelse mindre.

Hvorfor?

Og kan man gøre noget ved det?