Problemas con el margin-top y la altura

[jc1992]

Explicaré el problema lo mejor que pueda

Este es el resultado final :

Código HTML:

<div class="container-fluid">   
    <div class='row fondo' style="background-color:red;" >              
            <div class="col-xs-12"  >
                <form action="buscar.php" style="padding-top:185px;">
                    <div class='col-xs-12'>
                        <select class="form-control">
                          <option>Conferencia este</option>
                          <option>2option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                        </select>
                    </div>
                        <div class='col-xs-12'>
                    <select class="form-control">
                      <option>Conferencia Oeste</option>
                      <option>2</option>
                      <option>3</option>
                      <option>4</option>
                      <option>5</option>
                    </select>
                </div>
                <div class="col-xs-12">
                    <button id="singleton" name="singlebutton" class="btn  center-block">Buscar</button>
                </div>
        
                </form>
            </div>
        </div>  
    </div>
 

Vale el padding-top afecta a la imagen de fuera , alguna idea ?

El css que afecta

Código CSS:

.fondo{
    background-color:yellow;
    background:url('../img/banner.jpg')  no-repeat;
    background-position:center;
    background-size:100%;
}