Issue in span class and div class

<div class="fileinput fileinput-new" data-provides="fileinput">
   <span class="btn btn-default btn-file">
      <span class="fileinput-new">Select file...</span>
      <span class="fileinput-exists">Change</span>
      <input name="file-upload" class="file-upload-input" method="POST" type="file">
   <span class="fileinput-filename"></span>
   <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">Remove</a>

Following is the code, there is an issue that select file button and change file button within span class is coming at the same time and also on selecting file file name is not displayed on the screen.