IE7, campi input e readonly

Come tutti sappiamo, è possibile settare un campo di testo in sola lettura con l'attributo readonly:
<input type="text" id="i" value="pippo" readonly="readonly" />

Funziona sia con IE7 che con Firefox.
Ma se vogliamo settare la proprietà dinamicamente, con javascript?
Sembrerebbe facile:
var i = document.getElementById("i");
i.setAttribute("readonly", "readonly");

Con FF funziona, con IE7 no.

La soluzione è fare così:
var i = document.getElementById("i");
i.readOnly = true;

che funziona con entrambi i browser.
Sarebbe bello sapere perchè la prima soluzione non va bene...