title: CSS seperator using image or plain css?
body: <p>The separator image isn't displaying on the right side of the input field. I tried using a plain border and with different positioning, as well as with an image as in my example, but it doesn't show.</p>
  
  <p>PS. This is the seperator image:
                         <img src="https://i.stack.imgur.com/rMuyM.png" alt="enter image description here"></p>
  
  <h2><a href="https://jsfiddle.net/3reas1vm/" rel="nofollow noreferrer">jsfiddle</a></h2>
  
  <pre><code>.ui-topbanner {
      color:#000;
      height: 31px;
      background-color: #f2e9da;
      border-bottom: 1px solid #d9cebc;
  }
  .ui-topbanner-title {
      position:absolute;
      top:5px;
      left:4px;
      height:26px;
      line-height:26px;
      padding:0 10px 0 25px;
      display:inline-block;
      color:#000;
      border:1px solid #d9cebc;
      border-bottom:none;
      background-color:#fff;
      font-size:.7rem;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      background-image: url(http://hardist.eu/public/img/icon_folderyellow3.gif);
      background-position: 5px 5px;
      background-repeat: no-repeat;
  
  }
  .ui-topsubbanner {
      position:relative;
      color:#000;
      height: 30px;
      background: -webkit-linear-gradient(top, #f7f1e8 0%, #f4ecdf 100%);
      border-top: 1px solid #fff;
      border-bottom: 1px solid #efe8da;
  }
  .ui-topsubbanner-wrapper {
      padding:2px 3px 0 5px;
  }
  .ui-seperator {
      width:2px;
      height:17px;
      display:inline-block;
      background-image: url(../images/ui-seperator.png);
      background-position: 0 6px;
      background-repeat: no-repeat;
  }
  
  &lt;div class="ui-topbanner"&gt;&lt;div class="ui-topbanner-title"&gt;Test&lt;/div&gt;&lt;/div&gt;
  &lt;div class="ui-topsubbanner"&gt;
  
  &lt;div class="ui-topsubbanner-wrapper"&gt;
      &lt;input type="text" class="input-search" placeholder="Search..."&gt;
  &lt;/div&gt;
  &lt;div class="ui-seperator"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>