Custom Input file

HTML

<div class="like-me">
    <span class="first">Upload CV/Resume</span>
    <span class="second">Browse</span>
    <input type="file" />
    <div class="clr"></div>
</div>

CSS

.like-me{ width:180px; height:40px; position:relative; overflow:hidden; }
.like-me span{ display:block; line-height:40px; position:relative; z-index:1; cursor:pointer;}
.like-me span.first{ float:left; width:98px; padding:0px 5px; border:1px solid #000; line-height:38px; cursor:text;}
.like-me span.second{ float:right; width:60px;  text-align:center; background:#00f; color:#000;}
.like-me input{ position:absolute; top:0px; left:0px; height:40px; line-height:40px; width:180px; opacity:0; filter:opacity(0); z-index:1;}

.clr{ clear:both;}