Div Alignment Problem


I have the following in my view:

<div class="input_fields_wrap">


    <div style="background-color:#CCFFCC;">

        <div style="float: left;">

    	    <?= $form->field(new Products()........... ?>


    	<div style="float: right;">

    	    <?= Html::label('Quantity','qty[]')?>






<div class="form-group">

    <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>


The idea was to align the two inner divs(float left/right) side by side. That works perfectly, but for some reason it is placing the Create button to the right and over the input fields?

Any ideas why?