custom fileupload upload control showing input cursor in ie , it's showing focus like textbox

<div class="uploader">
<input class="formInput" type="file" placeholder="Upload App Icon " name="uploadAppIcon" size="31.9" style="opacity: 0;">
<span class="filename" style="-moz-user-select: none;">No file selected</span>
<span class="action" style="-moz-user-select: none;">Choose File</span>
</div>

div.uploader span.action { width: 22px; background: #fff url(../images/elements/forms/addFiles.png) no-repeat 0 0; height: 22px;
cursor: pointer;
float: right;
text-indent: -9999px; display: inline; overflow: hidden; }
div.uploader:hover span.action { background-position: 0 -27px; }
div.uploader:active span.action { background-position: 0 -54px; }
div.uploader span.filename { color: #353535; max-width: 120px; font-size: 14px; line-height: 22px; float: left; display: block; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap; cursor: default;*/ }
div.uploader input { width: 256px; opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 26px; border: none; cursor: pointer; }
.uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }