css - Decreasing default cursor size before entered text -

i have input boxes getting different results different browsers. here css boxes:

.inputbox {     background-image: url(../text_field.png);     height: 25px;     width: 192px;     z-index:300;     position:absolute;     border: 0;     padding: 0 0 0 3px;     background-color:transparent;     font-size: 12px; } 

i assumed make cursor match size/location of text box need add padding , font-size calls. unfortunately not case. of here issues having browser

chrome none

safari none

ie8 cursor way high, not show in front of box until text typed. text not centered, closer top

firefox cursor size big when no text entered. once text entered cursor fine. if text deleted cursor becomes big.

how adjust initial cursor size in firefox? assuming match font-size, guess not case. also, how adjust padding in ie without changing in others, , why cursor show behind text box when no text entered?

this bug have fixed in firefox 4. in firefox 4, cursor size size of text going entered. take size font-size property. in firefox 3.6 , earlier versions, size determined height of block containing cursor, if doesn't have text inside it.