UPLOADIFY - ICON INSIDE BUTTON

http://stackoverflow.com/questions/22923980/load-image-with-css-class

by bizamajig

HTML

<div style="padding-left: 5px; position: absolute; height: 3em;width: 100%;">               
                    
                    <div id="Body_inputUpload" class="uploadify"><object id="SWFUpload_0" type="application/x-shockwave-flash" data="Images/uploadify.swf?preventswfcaching=1396906987080" width="120" height="30" class="swfupload" style="position: absolute; z-index: 1;"><param name="wmode" value="transparent"></object>
  <div id="Body_inputUpload-button" class="uploadify-button fileUploaderBtn"><span class="uploadify-button-text">Upload</span></div></div>
                        <div id="Body_inputUpload-queue" class="uploadify-queue"></div>
                    
                </div>
    
    
    <br/>
    <br/>
    <br/>
    <img id="img" src="http://i.stack.imgur.com/ZPMV1.png" />

CSS

.uploadify {
position: relative;
margin-bottom: 1em;
}
.fileUploaderBtn:before {
    content: "";
    background: url("http://i.stack.imgur.com/ZPMV1.png") center no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-right: 20px;
    vertical-align: middle;
}

.fileUploaderBtn {
border: .1em #868686 solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 1em;
font-family: Segoe UI;
padding: 5px 10px 5px 5px;
text-decoration: none;
display: inline-block;
text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
text-align: left;
color: #000000;
background-color: #f4f5f5;
background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    height: 25px;
line-height: 20px;
min-width: 81px;
}
}