JSFiddle - React, Tailwind, and code Playground

HTML

<div class="findBlock">
    
    <input class="input" type="text" value="Поиск по сайту">
                    
    <input class="button" type="image" src="http://mytavatuy.ru/test/img/findButtonFon.png">

</div>

CSS

.findBlock {
    width:296px; 
    position:relative;
    top:0;
    left:0;
}
.findBlock .input {
    width:274px;
    height:34px;
    padding:0 10px;
    color:#7e7e7e;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    font-style:italic;
    border:1px #976060 solid;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    -khtml-border-radius: 19px;
    background:url('http://mytavatuy.ru/test/img/inputFon.png') repeat-x;
    behavior:url(' http://mytavatuy.ru/test/css/PIE.htc');
}
.findBlock .button {
    position:absolute;
    top:1px;
    right:0;
}